我想用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>