评论：有搜索功能的下拉框插件chosen.jquery.js  [查看原文]

№№.SIR0
2019/1/7 11:57:18
大兄弟 你搞了吗？

可以用来做联动吗

-谁?许我一世笑颜0
2018/1/19 16:47:54

好像不行吧

Yih ・0
2018/3/28 16:30:25
可以的 改下源码

请指教，用这个插件之后 如何取到原select 框的name 和当前 选中option 的value呢

流年0
2018/6/6 9:23:29
有解决吗，，，我也遇到这个问题

垂泪『标点』0
2018/12/14 15:55:24

完全可以的（还可以支持联动搜索 我自己修改了源码一次需要的可以找我要 ）


chose_get_ini('#dept');
$('#dept').change(function() {
            console.log($("#dept").get(0).selectedIndex) //索引  
            console.log(chose_get_value("#dept")) //名字
        }

        function chose_get_ini(select) {
            enable_split_word_search: true
            $(select).chosen().change(function() {
                $(select).trigger("liszt:updated");
            });
        }
        //select value获取
        function chose_get_value(select) {
            return $(select).val();
        }
        //      //select text获取，多选时请注意
        function chose_get_text(select) {
            return $(select + " option:selected").text();
        }

奔跑的沙丘0
2019/1/22 21:26:13
兄弟，能发一下改动的地方吗，现在想实现联动但改不了select的下拉选项

用ajax到后台请求数据，好用吗

1.2.3.0
2017/12/27 10:50:39
可以的，初始化ajax拿到后台的数据在前台追加，在追加方法的后边调用.chosen()的方法就可以了

厉害

可以用来做联动吗

可以用来做联动吗

$(此处为class名).chosen(); 调用不到怎么破

拼接部分的代码，省略了一些不想关的拼接代码，最后的效果如下，select没有默认选中的值：

//第四个th,考核人
tbody += '<th id="kaoheren' + data[i].skpi_content_number + '" class="center" nowrap="nowrap" style="width:20%;">';
tbody += '<input type="hidden" name="SKPIEXT_ID' + data[i].skpi_content_number + '" id="skpiext_id' + data[i].skpi_content_number + '" value="' + data[i].skpiext_id + '"/>';
tbody += '<select multiple="multiple" class="chosen-select form-control" name="EMP_ID' + data[i].skpi_content_number + '" id="emp_id' + data[i].skpi_content_number + '" data-placeholder="请选择考核人" style="vertical-align:top;" style="width:98%;" >';
tbody += '<option value=""></option>';
tbody += '<c:forEach items="${empList}" var="emp">';
tbody += '<option value="${emp.emp_id }" ${' + data[i].emp_id + ' eq emp.id ? "selected" : ""} > ${emp.emp_name } </option>';
tbody += '</c:forEach></select></th>';
$("#emp_id" + data[i].skpi_content_number).trigger("chosen:updated");
$("#emp_id" + data[i].skpi_content_number).chosen();

1.2.3.0
2017/12/26 17:15:09
这是啥 ？

我用ajax发送请求到后台，回调函数success中根据结果去动态拼接html的，如何在这动态拼接中设置某些option默认选中，并且能默认选中多个。求解！！！谢谢。。~~

我如何写才能支持动态创建select框和option选项，求大神指点

惜阳1
2018/3/6 14:21:09

page.role = function(orgcode) {
    $.ajax({
        type: 'post',
        url: '/business/user/findrole?orgcode=' + orgcode,
        data: {},
        beforesend: function() {},
        success: function(result) {
            var json = eval(result.roles);
            var rolename = "";
            rolename += '<span class="select-box">';
            rolename += '<select  id="roleid" name="roleid"  class="select" data-placeholder="请选择角色" required="required" >';
            $.each(json, function(index, item) {
                rolename += "<option value=" + json[index].roleid + ">" + json[index].rolename + "</option>";
            });
            rolename += '</select> ';
            rolename += '</span>';
            $("#roles").html(rolename);
        },
        error: function(xmlhttprequest, textstatus, errorthrown) {
            layer.alert("请求失败！" + textstatus);
        }
    });
}

这个好像不支持动态创建select框和option选项啊 为什么初始化了 什么反应都没有

这个简介好用

页面刷新时控件不正常显示,怎么回事,和html页面有关吗