bootstrap动态调用select下拉框

标签：代码   span   动态   app   ajax   ssi   ber   col   code   

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

这样就可以了

bootstrap动态调用select下拉框

标签：代码   span   动态   app   ajax   ssi   ber   col   code   

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