多选框select美化chosen.js的使用
2017-07-08 19:50
357 查看
一、导入js和css文件
<link href="css/plugins/chosen/chosen.css" rel="stylesheet"> <script src="js/plugins/chosen/chosen.jquery.js"></script>
二、html
<select data-placeholder='请选择部门' name='depart-" + pid + "-" + id + "' class='chosen-select' multiple style='width:250px;' tabindex='4'> <option value='a'>a</option> </select>
三、js配置
var config = { '.chosen-select' : {}, '.chosen-select-deselect' : {allow_single_deselect:true}, '.chosen-select-no-single' : {disable_search_threshold:10}, '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, '.chosen-select-width' : {width:"95%"} } for (var selector in config) { $(selector).chosen(config[selector]); }效果图:
相关文章推荐
- jquery的select下拉框美化插件Chosen 使用
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- chosen.jquery.min.js的使用(select下拉框支持首字母搜索)
- 将select改造成搜索框(chosen.jquery.js)使用
- 使用JS对select标签进行联动选择
- js+css实现select的美化效果
- 通过JS模拟select表单,达到美化效果[demo]
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- jquery使用ul模拟select实现表单美化的方法
- js 使用form表单select类实现级联菜单效果
- chosen-select:下拉选择框美化插件
- jquery使用jquerydoubleselectmin.js实现二级菜单联动
- 如何使用JS选中C#前台select中的optton数据项
- Chosen:select下拉选择框美化插件及问题
- js实现select选择框效果及美化
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题
- JS组件Bootstrap Select2使用方法解析
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- [jQueryUI] - Chosen:select下拉选择框美化插件及问题