如何将数据库中的数据显示为选项标记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()。试着检查这个文档：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;
    }