jquery中下拉框元素中類樣式chosen-select-deselect的使用

最近開發項目中用到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>


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章