最近開發項目中用到jquery中下拉框很不錯的一個插件。我們在項目中會經常用到<select/>元素。比如:
<select data-placeholder="請選擇彙總人" class="chosen-select-deselect" style="width:130px;" id="recvUser_cbo" name="processBean.recvTaskUser">
<option value=""></option>
<ums:dataOption methodName="getUserListByRoleType" appType="person" methodValues="03"></ums:dataOption>
</select>
上面的例子在<select>下拉框樣式中用到了class="chosen-select-deselect"這樣的樣式,頁面效果就會呈現一個模糊的搜索框。如下所示:
如需出現圖上的下拉搜索樣式,只需要在頁面加載完畢的時候,編寫以下腳本即可:
<script>
$(document).ready(function(){
15. $(".chosen-select-deselect").chosen({allow_single_deselect:true});
16.})
</script>