从JSON数据填充Bootstrap Select2

Populating Bootstrap Select2 From JSON Data

本文关键字：Bootstrap Select2 填充 数据 JSON      更新时间：2023-09-26

我想用JSON数据编写一个bootstrap select2，但不知何故我不能让它工作。

这是我的JS，

$.getJSON('../vendor/process/process_vendor.php', function(response) {
        var vendorList = $('#vendorListDrop').select2({
            processing: true,
            data: response,
            columns: [
                {data: "CLIENT_ID"},
                {data: "CLIENT_NAME"}
            ]
        });
        window.someGlobalOrWhatever = response.balance;
    });

到目前为止，process_vendor.php没有任何问题，因为我可以使对象数据正常工作。我的JavaScript出了点问题。

那么我需要填充的描述就像这样，

<option value="CLIENT_ID">CLIENT_NAME</option>

所以我需要与CLIENT_ID列的模板值和显示客户端名称与CLIENT_NAME列从数据库。

请告诉我我哪里做错了

<script>
    $(document).ready(function() {
        $('#vendorListDrop').each(function(index, value)
        {
            var initSelect2 = $(this).select2();
            var count = 1;
            $.getJSON('../vendor/process/process_vendor.php', function(data)
            {
                initSelect2.html('');
                $.each(data, function(key, val)
                {
                    initSelect2.append('<option value="' + val["CLIENT_ID"] + '">'+ count +' . ' + val["CLIENT_NAME"] + '</option>');
                    count++;
                });
                initSelect2.select2('refresh');
            });
        });
    });
</script>
相关文章：