chosen.js插件使用 回显 动态添加选项

本文仅为简单使用示例

详情见官网：https://harvesthq.github.io/chosen/

实例化

$(".chosen-select").chosen({disable_search_threshold: 10});

获取值

var optValue = $(".chosen-select").val();

赋值（回显）

//1.设置回显的值$(".chosen-select").val("opt3");//2.触发chosen的更新，重绘样式$(".chosen-select").trigger("chosen:updated");

动态添加选项（Option）

//待添加的选项（eg:省市区Option）var optData = ["opt1","opt2","opt3"],optHtml = "";optData.forEach(function(item){optHtml += '<option value="' + item + '">' + item + '</option>';});//1.添加选项HTML$(".chosen-select").append(optHtml);//2.触发chosen的更新，重绘样式$(".chosen-select").trigger('chosen:updated');

end