如何將數據從數據庫顯示到選項標記html？

Question

任何人都可以幫助我？ 我想顯示我的數據庫數據到一個選項標籤，但它沒有顯示任何東西。我已經嘗試爲此編寫代碼，但該代碼無法將我的數據顯示到html選項標記中。有人請幫我解決我的問題。

這是我的代碼，我讓

// JavaScript Document 
// for make the option tag 
$(function() { 

$('#chkveg').multiselect({ 

includeSelectAllOption: true 

}); 
}); 

// for call the data from my database 
$(document).on('click','#nama_check',function(e){ 
    $.ajax({ 
     type:"POST", 
     url:"../php/absen/absen_karyawan_autocomplete.php", 
     success: function(data){ 
      var list = JSON.parse(data); 
      for(var i=0; i < list.length; i++){ 
       $('#chkveg').val((list[i]['bagian'])); 


      } 
      return false; 
     } 
    }); 
}); 

<script src="https://davidstutz.github.io/bootstrap-multiselect/docs/js/bootstrap-3.3.2.min.js"></script> 
<link href="https://davidstutz.github.io/bootstrap-multiselect/docs/css/bootstrap-3.3.2.min.css" rel="stylesheet"/> 
<link href="https://davidstutz.github.io/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" rel="stylesheet"/> 
<script src="https://davidstutz.github.io/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script> 


<form id="form1" method="post"> 

     <div style="padding:20px"> 

     <select id="chkveg" multiple="multiple"> 
     </select> 

     </div> 

     </form> 

Answer 1

這裏有兩個問題。首先爲select添加值，您需要在其中添加新的option元素，而不是重複設置val()。其次，在添加選項後，您應該撥打multiselect()。

另請注意，您可以將所有代碼放置在單個document.ready處理程序中。試試這個：

$(function() {  
    $(document).on('click','#nama_check',function(e){ 
    $.ajax({ 
     type: "POST", 
     url: "../php/absen/absen_karyawan_autocomplete.php", 
     dataType: 'json', 
     success: function(data) { 
     var html = ''; 
     for(var i = 0; i < data.length; i++) { 
      html += '<option>' + data[i]['bagian'] + '</option>'; 
     } 
     $('#chkveg').html(html).multiselect({ 
      includeSelectAllOption: true 
     }); 
     } 
    }); 
    }); 
}); 

Answer 2

使用.append（）。 嘗試檢查該documentataion：http://api.jquery.com/append/

dataType: 'json', 
success: function(data){ 
     var list = JSON.parse(data); 
     for(var i=0; i < list.length; i++){ 
      $('#chkveg').append($('<option>'+ list[i]['bagian'] +'</option>')); 


     } 
     return false; 
    }