データベースからオプションタグhtmlにデータを表示する方法は？

Question

これで私を助けることができますか？ データベースデータをオプションタグに表示したいが、何も表示しない。私はそのコードを作成しようとしているが、そのコードはHTMLオプションタグに自分のデータを表示するようには働かない。誰か私の問題を解決するために私を助けてください。

これは、私はあなたがここでは2つの問題を持っている

// 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要素を追加する必要があります.を繰り返し設定する必要はありません。第二に、オプションが追加された後にmultiselect()に電話する必要があります。

また、すべてのコードを1つの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; 
    }