关于chosen-select设置选中值和清空选中值的问题 博客分类: jquery控件 chosen-select
程序员文章站
2024-03-26 11:53:59
...
参考网址
http://9766553.blog.51cto.com/9756553/1693532
http://www.bubuko.com/infodetail-1089238.html
1
最近一直在用bootstrap做页面,个人感觉简约大气很好用,今天用插件chosen时发现不能选中值,调试了很长时间,查看源文件js等各种方法,最后终于解决:献上代码:
spacer.gifwKiom1XxV4KA8E9JAADEqxKlGaI497.jpg
无论样式还是自动匹配功能还是比较好的:
不能清除选中
解决方法:
$("#id").val("");
$("#id").trigger("chosen:updated");
设置选中的值
$("#id").val("选中的值");
$("#id").trigger("chosen:updated");
设置选中的文本
$("#id").text("选中的值");
$("#id").trigger("chosen:updated");
总而言之,每次设置时都要触发更新这个选择事件。
*监听的选择改变事件:
$("#id").chosen().change(function(){
//do something...
});
*设置多选
$("#id").attr("multiple",true);
*设置未找到时的显示文字
$("#id").chosen({
no_results_text : "未找到此选项!",
width:"70%"
});
http://9766553.blog.51cto.com/9756553/1693532
http://www.bubuko.com/infodetail-1089238.html
1
最近一直在用bootstrap做页面,个人感觉简约大气很好用,今天用插件chosen时发现不能选中值,调试了很长时间,查看源文件js等各种方法,最后终于解决:献上代码:
spacer.gifwKiom1XxV4KA8E9JAADEqxKlGaI497.jpg
无论样式还是自动匹配功能还是比较好的:
不能清除选中
解决方法:
$("#id").val("");
$("#id").trigger("chosen:updated");
设置选中的值
$("#id").val("选中的值");
$("#id").trigger("chosen:updated");
设置选中的文本
$("#id").text("选中的值");
$("#id").trigger("chosen:updated");
总而言之,每次设置时都要触发更新这个选择事件。
*监听的选择改变事件:
$("#id").chosen().change(function(){
//do something...
});
*设置多选
$("#id").attr("multiple",true);
*设置未找到时的显示文字
$("#id").chosen({
no_results_text : "未找到此选项!",
width:"70%"
});