jquery-chosen設定預設值

[html] ​​view plain​​ ​​copy​​

1. <span style="font-size:18px;"> <select id="select1" class="select1">  
2.            <option value='value1'>value1</option>  
3.            <option value='value2'>value2</option>  
4.            <option value='value3'>value3</option>  
5.            <option value='value4'>value4</option>  
6.            <option value='value5'>value5</option>  
7.  </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裡面初始化:

1.     var $select1=$(".select1");  
2.     selecttmpl =  Util.clearHtml("<option value=''>請選擇</option>"+$('#selecttmpl').html());  
3.     var params={};  
4.     Util.ajax({  
5.         url : '...............',  
6.         data :params,  
7.         success : function(data) {  
8.             var rendered = M.render(selecttmpl,data);  
9.             $select1.html(rendered);  
10.             $select1.trigger("chosen:updated");   
11.                 $select1.chosen(); //通過id  
12.         },  
13.         error : function(error) {  
14.             console.log('接口不通' + error);  
15.         }  
16.     })   
17. <span style="font-size:18px;"></span>  

然後:

      $("#select1").val(data.zjproject.serviceguid);

      $("#select1").trigger("chosen:updated");

初始化設定值