bootstrap动态调用select下拉框


html代码:

  1. <label for="classify" class="col-sm-2 control-label">填报部门:</label>
  2. <div class="col-sm-3">
  3. < select class="selectpicker form-control" data-live-search="true" name="addid" id="addid">
  4. </ select>
  5. </div>
 JS代码:
  1. /*获取下拉菜单*/
  2. function showSel(){
  3. $.ajax({  
  4.          "type" : 'get',  
  5.          "url": 地址,
  6.          "dataType" : "json",  
  7.          "success" : function(data) {  
  8. var depart_list = data.data;
  9. var opts = "";
  10. for( var depart_index = 0 ; depart_index < depart_list.length; depart_index++ ){
  11. var depart = depart_list[depart_index];
  12. opts += "<option value='"+需要加的.id+"'>"+显示的名称.name+"</option>";
  13. }
  14. // 查询界面
  15. $( "#addid").append(opts);  
  16. $( "#addid").selectpicker("refresh");
  17. }  
  18. });  
  19. }

这样就可以了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。