我有一个数据数组,已经做成JSON,然后我想在select中显示它,然后我可以根据输入找到数据
这是我的 Controller
$response = $this->GET(config('constant.url').'school-list');
return json_encode($response);
这是我的 Blade View
<div class="form-group">
<label for="inputGrade">Select School</label>
<select class="cari form-control" style="width:525px;" name="cari">
<option value="disable"></option>
</select>
</div>
$('.cari').select2({
placeholder: 'Cari...',
ajax: {
url: '/select/school',
dataType: 'json',
delay: 250,
data:function(param){
return{
school_name:param.term
}
},
processResults: function (data) {
return {
results: $.map(data, function (item) {
return {
school_name: item.school_name,
school_id: item.school_id
}
})
};
},
cache: true
}
})
这是我的 json
{
"STATUS": 200,
"MESSAGE": "SUCCESS",
"DATA": [
{
"school_id": 11,
"school_name": "ACS Jakarta"
},
{
"school_id": 13,
"school_name": "Al Azhar 20"
},
{
"school_id": 14,
"school_name": "Al Azhar 23"
},
{
"school_id": 15,
"school_name": "Bangun Insan Mandiri"
},
{
"school_id": 16,
"school_name": "Bina Bangsa School Kebon Jeruk"
},
]
}
我已经尝试了几次,但我编码的数据列表不存在
最佳答案
在 processResults
函数中将 school_name
更改为 text
,将 school_id
更改为 id
。
processResults: function (data) {
var response = JSON.parse(data);
return {
results: $.map(response.DATA, function (item) {
return {
text: item.school_name,
id: item.school_id
}
})
};
},
查看更详细answer会对你有所帮助。
关于jquery - 如何在select 2 jquery中显示列表数据并查找数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59280546/