带搜索的下拉框Chosen

Posted 2020-08-14 否定之否定

一：参考

https://harvesthq.github.io/chosen/

Chosen是一个jQuery插件

二：引入js文件

<link href="plug-in/chosen_v1.6.2/chosen.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="plug-in/chosen_v1.6.2/chosen.jquery.js"></script>

三：使用

<select name="uareaCode" style="width:200px;" id="uareaCode" 
 class="university_select" datatype="*" data-placeholder="选择学校">
                    
 </select>

$("#uareaCode").val(‘${campusDiscountPage.uareaCode}‘);  //更新时设置初值，放到chosen函数后会无效
$(".university_select").chosen({    
       no_results_text:"没有找到",  　　　　　　　　　　　　　//初始化参数，搜索不到时的提示语
});