chosen插件的使用

Chosen 是一个支持jquery的select下拉框美化插件，还增加了自动筛选的功能。

如何使用chosen插件
1.chosen是jquery插件，所以一定要先引入jquery
顺序（chosen的css文件，jquery的js文件，chosen的js文件）
从网站下载chosen源码：
2.页面代码：写在select标签下！

这里是设置select可以多选，要添加multiple属性！

<select  multiple="multiple" id="userNameWin" class="form-control chzn-select">请选择组员 </select>

3.js代码

        function(data){
//          var option="<option value="+""+">请选择组员</option>";
            var option="";
            for(i=0;i<data.total;i++){
                option += "<option value="+data.rows[i].keyObj+">"
                +data.rows[i].valueObj+"</option>";
            }
            $("#userNameWin").html(option);
            $("#userNameWin").chosen({
                search_contains:true,
                no_results_text:'没有该成员！',
                max_selected_options:2,//最多可选择的个数（多选时使用）
                disable_search_threshold:8
            });
            $("#userNameWin_chosen").find("input").attr('placeholder','请选择组员');

            $("#userNameWin").bind("chosen:maxselected",function (e) {
                $.xalert({title:'提示',msg:'最多只能选择两名组员！'});
                return;//超出最大选择个数的提示
            });
}

这是获取chosen选择值的代码

var userIds =$("#userNameWin").find("option:selected").val();//单选时
var userIds =$("#userNameWin").val();//多选取值

一些参数：