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 += ' item + '">' + item + '';
});
//1.添加选项HTML
$(".chosen-select").append(optHtml);
//2.触发chosen的更新,重绘样式
$(".chosen-select").trigger('chosen:updated');

end

你可能感兴趣的:(前端)