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. }

这样就可以了

原文地址:https://www.cnblogs.com/zhuyeshen/p/11419262.html