<select id="select1" class="select1">
<option value='value1'>value1</option>
<option value='value2'>value2</option>
<option value='value3'>value3</option>
<option value='value4'>value4</option>
<option value='value5'>value5</option>
</select>
引入相应的js和css
<script src="js/chosen/chosen.jquery.min.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/chosen/chosen.css">
在对应的js里面初始化:
var $select1=$(".select1");
selecttmpl = Util.clearHtml("<option value=''>请选择</option>"+$('#selecttmpl').html());
var params={};
Util.ajax({
url : '...............',
data :params,
success : function(data) {
var rendered = M.render(selecttmpl,data);
$select1.html(rendered);
$select1.trigger("chosen:updated");
$select1.chosen(); //通过id
},
error : function(error) {
console.log('接口不通' + error);
}
})
然后:
$("#select1").val(data.zjproject.serviceguid);
$("#select1").trigger("chosen:updated");
初始化设置值