Chosen v1.8.7 动态添加下拉选项

例子:

var obj = document.getElementById("EIds");
        $.Ajax({
            url: "../../Manage/Emp/GetEmpJson",
            success: function (data) {
                $.each(data, function (i, v) {
                    obj.add(new Option(v.EmpName, v.EmpId,false,false));
                })
                $(".chosen-select").trigger("chosen:updated");
                $(".chosen-select").chosen({ search_contains: true });             
            }
        })
<select id="EIds"  data-placeholder="请选择" class="chosen-select form-control" multiple tabindex="4" ></select>

知识注意点:

1、obj.add(new Option(v.EmpName, v.EmpId,false,false));

第一个true,表示选中(selected),第二个true,表示有效

2、更新重整动态数据

$(".chosen-select").trigger("chosen:updated");
$(".chosen-select").chosen({ search_contains: true });

猜你喜欢

转载自www.cnblogs.com/firstcsharp/p/12788405.html