chosen插件--简单快速的理解

link：给推荐几个对程序员来说神器般存在的软件

先上图：这个是插件，肯定在工程某个地方有个类似库的文件如下：








chosen插件的一些设置项:

1、默认文字选项

你可以在select元素上添加data-placeholder属性定义默认文字，也就是在没有选择选项的情况下，显示的文字。

2、对其方式

选项文字默认是左对齐的，可以在class属性中加入“chzn-rtl”来设置右对齐：

3、JS参数设置

在调用chosen()方法时，我们可以设置一些参数：
no_results_text：无搜索结果显示的文本

allow_single_deselect：是否允许取消选择

max_selected_options：当select为多选时，最多选择个数

4、事件

A.) change事件：

$("#selectId").chosen().change(function(){

//do something...

});

可以分开写，先$("#selectId").chosen({no_results_text:
"没有匹配项", allow_single_deselect: false});

之后再

$("#selectId")..change(function
() {

//do something...

});

B.) 当我们需要动态更新select下的选择项时，只要在更新选择项后触发Chosen中的liszt:updated事件就可以了：


$("#selectId").trigger("chosen:updated");


或者
$("#selectId").trigger("list:updated");


另外：：：：动态更新select下的选择项：：：：的代码
$.each(xxx,
function (index, value) {

var optionStr = "<option value=' " + 这个select的value + " ' " + (判断是否被选中 ? "" : "selected=selected") + ">" + 这个select的内容 + "</option>";


$("#selectId").append(optionStr);

});

这么写应该可以让初学者看得出来这个插件是干嘛的啦吧。