jQuery Chosen 使用

html代码

单选
<select class="" data-placeholder="请选择"  id="enterpriseId"></select>多选
<select class="" data-placeholder="请选择" multiple  id="userName"></select>

js代码（配置）

单选
$("#enterpriseId").chosen({disable_search_threshold: 10,  //当选项少等于于指定个数时禁用搜索。inherit_select_classes: true,    //是否继承原下拉框的样式类，此处设为继承no_results_text: "没有找到结果！",    //搜索无结果时显示的提示search_contains: true,      //关键字模糊搜索，设置为false，则只从开头开始匹配allow_single_deselect: true  //是否允许取消选择
})多选
$("#userName").chosen({disable_search_threshold: 10,  //当选项少等于于指定个数时禁用搜索。inherit_select_classes: true,    //是否继承原下拉框的样式类，此处设为继承no_results_text: "没有找到结果！",    //搜索无结果时显示的提示search_contains: true,   //关键字模糊搜索，设置为false，则只从开头开始匹配allow_single_deselect: true,     //是否允许取消选择max_selected_options: 6  //当select为多选时，最多选择个数
});

动态渲染下拉数据时

var enterpriseArr = list;
$("#enterpriseId").html("<option value=''></option>");
for(var i=0;i<enterpriseArr.length;i++){$("#enterpriseId").append("<option value="+enterpriseArr[i].id+">"+enterpriseArr[i].chinese_name+"</option>");
}
$("#enterpriseId").trigger("chosen:updated");   //需要调用chosen：updated时间渲染
$("#enterpriseId").chosen();

change事件

$('#userName').on('change', function(e, params) {var val = $('#userName').val();console.log(val);
}

关于jq chosen的使用心得相关推荐

jq 批量删除 php,PHP基础班初学心得：用JQ实现表单的全选、反选、取消和删除功能...
摘要: 本人刚参加PHP基础班培训,由于之前毫无基础,分享的心得可能不规范,方法也许也"旁门左道",不能保证质量,只作自己总结学习,也希望能帮助到同样是初学者的朋友们,共同进步. ...
顶级程序员的心得 Coders at Work (IV)
( 第一,第二, 第三部分 ) "Coders at Work", 对15 位顶级程序员的采访, 总共600页. 看似冗长的问答中有不少精辟的言论. 我摘录了一些关于挑选,面试 ...
react服务端/客户端，同构代码心得
FKP-REST是一套全栈javascript框架 react服务端/客户端,同构代码心得作者:webkixi react服务端/客户端,同构代码心得服务端,客户端同构一套代码,大前端的梦想,为了 ...
jQuery【学习心得】简介和选择器
之前我也自学过jquery但是就是没有毅力,老是三天打鱼两天撒网,所以学习的不怎么好,现在我每天都会写下我今天学习的心得,给自己加油! 第一天: 1. 区别一下js中的windowοnlοad=fun ...
顶级程序员的心得ndash;Coders at Work
[原文在 www.yishan.cc 连载, 现在合成一篇] 我去年读了 "Coders at Work", 对15 位顶级程序员的采访, 总共600页. 从采访的模式看,有 ...
html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
EasyUI文档学习心得
概述 jQuery EasyUI 是一组基于jQuery 的UI 插件集合,它可以让开发者在几乎完全不需要CSS以及复杂的JS代码情况下完成美观且功能强大的Web界面. 本文主要说明一些如何利用Eas ...
顶级程序员的心得 –– Coders at Work
顶级程序员的心得 –– Coders at Work 说明:这篇文章是我 2010 年的原创,但是发现 csdn 的版本把格式全部搞坏了,原文在这里我2009年读了 "Coders at ...
React全家桶写一个CNode社区，奉上心得与源码
webpack2+react+react-router+react-redux+ES6+antd-mobile版本的Cnode 苦于我就职的公司的技术栈还是ES5+jQ+handelbars, 而我一 ...

关于jq chosen的使用心得

jQuery Chosen 使用

关于jq chosen的使用心得相关推荐

最新文章

热门文章