Question

我想用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列显示客户端名称。

请帮助我，我在这里做错了什么

Answer 1

<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>

从JSON数据填充Bootstrap Select2

1 个答案: