jquery - 如何在select 2 jquery中显示列表数据并查找数据
问题描述
我有一个数据数组,已经做成了json,然后我想在select中显示出来,然后我可以根据输入找到数据
这是我的控制器
$response = $this->GET(config('constant.url').'school-list');
return json_encode($response);
这是我的刀片视图
<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"
},
]
}
我已经尝试了几次,但我编码的数据列表不存在
解决方案
在函数中更改school_name
totext
和school_id
to 。id
processResults
processResults: function (data) {
var response = JSON.parse(data);
return {
results: $.map(response.DATA, function (item) {
return {
text: item.school_name,
id: item.school_id
}
})
};
},
检查更详细的答案 将对您有所帮助。
推荐阅读
- python - 我可以在 python lib 文件夹中安全地删除什么?
- xml - XSLT:按多个特征对项目进行排序
- list - 将 Power BI 中的对与内部联接进行比较:为什么“表为空”?应该使用“List.Difference”吗?
- css - 垂直对齐不适用于自定义控件
- hadoop - Apache Ozone + AWS S3 .Net API:PutObject 正在创建存储桶而不是密钥
- kubernetes - Helm:模板中的中断循环(范围)
- jenkins - Jenkins:历史记录中任何已完成构建的自定义命令,可访问此构建的 ID,理想情况下来自构建历史菜单
- java - 如何以 application/x-www-form-urlencoded 格式将正文添加到 HTTPURLConnection 中的 POST 调用
- java - RootDSE 中的 SearchRequest
- ios - Swift:如何存储数组数据,以便下课后可以多次访问?