正文

jquery-chosen设置默认值

IP云
IP云V管理员/8 阅读
08/27
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示
  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");

初始化设置值