jQuery Chosen是一個(gè)非常方便的下拉框插件,但是有時(shí)候我們需要在特定的情況下重置下拉框,讓其回到默認(rèn)狀態(tài),該怎么做呢?下面我們就來(lái)看看使用jQuery Chosen插件時(shí)如何進(jìn)行下拉框的重置。
首先,在HTML中添加一個(gè)簡(jiǎn)單的下拉框,如下:
<select id="mySelect">
<option value="1">選項(xiàng)1</option>
<option value="2">選項(xiàng)2</option>
<option value="3">選項(xiàng)3</option>
<option value="4">選項(xiàng)4</option>
</select>
然后,在JavaScript中實(shí)現(xiàn)下拉框的重置,代碼如下:
$("#mySelect").chosen("destroy");
$("#mySelect").val("");
$("#mySelect").chosen();
上述代碼中,我們首先使用了chosen("destroy")方法來(lái)銷毀下拉框,并將其恢復(fù)為原始的狀態(tài),然后使用val("")方法將下拉框中的選項(xiàng)全部清空,最后再次使用chosen方法來(lái)重新初始化下拉框即可。
通過(guò)以上操作,我們就可以在需要的情況下輕松地重置jQuery Chosen下拉框的狀態(tài),讓其回到默認(rèn)狀態(tài)。
下一篇半圓形css3