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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM