zoukankan      html  css  js  c++  java
  • 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. }

    这样就可以了

  • 相关阅读:
    Licp
    [持续更新]Python 笔记
    求 LCA 的三种方法
    一些题目(4)
    欧几里得算法与扩展欧几里得算法
    最近打的三场比赛的总结
    10day2
    10day1
    chrome谷歌浏览器插件制作简易教程
    nodejs net模块
  • 原文地址:https://www.cnblogs.com/zhuyeshen/p/11419262.html
Copyright © 2011-2022 走看看