1.引入js和css文件
css最好在style.css之前引入,不然会出现圆角冲突
<link href="../bootstrap-chosen.css" rel="stylesheet">
<script src="../chosen.jquery.js}"></script>
初始化方法
$('.chosen-select').chosen({
width: "100%",
placeholdertxt: '请选择',
placeholder_text_single: '请选择'
});
选中下拉框属性值,例如属性为<a id = "id" example="a" />
var valId= $("#id").find("option[value=" + $("#id").val() + "]").attr("example");
设置下拉框当前值 <option value="0">123</option>
的项
$("#id").find("option[value=" + 0+ "]")
.attr("selected", true).trigger("chosen:updated");
获取下拉框第一项的值
$("#id option:first-child").val();