带搜索的下拉框Chosen

时间:2023-03-09 07:39:10
带搜索的下拉框Chosen

一:参考

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:"没有找到",              //初始化参数,搜索不到时的提示语
});