jquery-chosen设置默认值

令狐功
2023-12-01
 <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");

初始化设置值

 类似资料: