- <span style="font-size:18px;"> <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></span>
引入相应的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);
- }
- })
- <span style="font-size:18px;"></span>
然后:
$("#select1").val(data.zjproject.serviceguid);
$("#select1").trigger("chosen:updated");
初始化设置值