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>