如何显示jQuery自动完成响应并选择它
How to display the jQuery Autocomplete response and select it?
我希望你能帮我。我正在我的搜索表单中创建一个Ajax自动完成。我可以获得响应数组。但是我很难在UI中显示它。我只能得到"未定义"这个词。我想要的是执行Ajax自动完成,然后用户可以从建议中进行选择。
这是我迄今为止的代码。
$("#search-shop-input").autocomplete({
source: function(request, response) {
$.ajax({
url: 'index.php?route=seller/seller/getSellerNames',
dataType: 'json',
type: 'post',
data: { keyword: request },
success: function(data) {
var d = '';
$.each(data.shops, function(key,value) {
$.each(value, function(k,v) {
console.log(k + ":" + v); //want to get username only
});
});
//response(d);
}
});
},
select: function(event, ui) {
$("#seller_list").val(ui.item.label);
return false;
},
autoFocus: true,
min_length: 0
});
样本输出:
shops: [{user_id: "162", username: "F_Francium_1"}, {user_id: "163", username: "F_Francium_2"},…]
您首先要遍历shops数组中的每个JSON对象,因此这意味着您应该可以使用回调函数中的"this"关键字访问每个对象的属性。尝试-
$.each(data.shops, function() {
console.log(this.username);
}
或者如果您要将回调方法与索引和对象值一起使用。
$.each(data.shops, function (index, object) {
console.log(object.username);
});
相关文章:
- 在cordova 4 iOS中,慢速键盘/选择选择器进行响应
- jQuery UI日期选择器只响应第一个文本框
- 如何显示jQuery自动完成响应并选择它
- 为什么 mac 浏览器上的选择框没有响应单击事件
- 将增量计数器连接到 JSON 响应循环中的数组选择器的末尾
- 在 AJAX 响应后重新选择选项值
- 如何动态/响应更改 jQuery 日期选择器的月数
- 如何从 AJAX 响应中选择变量
- 响应式文件管理器.防止在选择图像时模式关闭
- 在数据响应中选择 #id.html
- 从 jquery ajax json 响应更新“选择”框中的选项值
- 如何使用 jQuery 提取作为 AJAX 响应接收的 JSON 数据并将其添加到 HTML 选择下拉列表中
- Dojo 筛选选择 - 完整的 JSON 响应数据不可见
- 如何从 Ajax 响应中重新填充 jquery UI 日期选择器
- 根据 json 响应选择单选按钮
- 响应.js将首选媒体查询而不是稍后定义的全局选择器
- 获取响应<选择>并以<选择>
- 如何响应用户在jQuery.dataTables中选择的行
- jQuery没有响应选择器
- Dojox.Mobile.ComboBox在Android上不响应选择