[html] 

 

 

<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");

初始化设置值