1.效果
2.代码
引入常用引用
其中font-awesome是非必须的(全选图标)html代码
<select id='m1' multiple="multiple" >
<option value="1">文本</option>
</select>
注意 在select中加入 multiple=“multiple” ,其中是被支持的.
javascript代码
你可以直接用默认模板来生成下拉
$('.demo').ySelect();
你也可以自定义参数
$('.demo1').ySelect(
{
placeholder: '请先选择一些项目',
searchText: '搜索',
showSearch: true,
numDisplayed: 4,
overflowText: '已选中 {n}项'
}
);
值获取
可以便捷的取出数据组,如下
//其中参数为分隔符
$("#m1").ySelectedValues(",") // => 1,2
$("#m1").ySelectedTexts("|") // => 选中项1|选中项2
3.插件地址
百度搜索ySelect.js