select chosen 的入门使用

首先要引用

因为肯定要引用jq,所以就没有写啦

<link rel="stylesheet" href="__ROOT__/Public/jschy/chosen_v1.8.7/chosen.min.css">
<script src="__ROOT__/Public/jschy/chosen_v1.8.7/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="__ROOT__/Public/jschy/chosen_v1.8.7/chosen.jquery.js"></script>

然后 是 主体 select

<select id="keylist" data-placeholder="Choose a Country..." multiple class="my-chosen-select">
 <option value="1">United States</option>
 <option value="2">United Kingdom</option>

</select>

class 是主要的.js是根据这个class="my-chosen-select" 来找到这个元素

multiple  代表可以多选
初始化

//初始化插件 chosen
$(".my-chosen-select").chosen({
width: "100%", //宽度
 search_contains:true//模糊搜索开启
});

.my-chosen-select就是之前class设置的

初始化放到最后面就行

选中多个

$("#keylist option[value='2']").attr("selected",true);

$("#keylist").trigger("chosen:updated");//更新

keylist 是select 的id ;
需要更新才能生效

获取 选中的值

$("#keylist").val()
keylist是select 的id

转载于:https://www.cnblogs.com/fengxiaoyao/p/10794729.html