使用“自动完成”未正确选择项目
使用“自动完成”未正确选择项目
提问于 2016-04-13 21:56:29
我在Jquery中有一个带有autoselect的textfield，当您键入三个字母时，您将从数据库中得到一个查询并显示一些数据。我需要从_renderItem方法中获得id属性，但是我没有正确地得到它。下面是我的代码：
$("#textField").autocomplete({
minLength: 3,
source: function(request, response) {
var loadIdentities = "<?php echo $this->Html->url(array('controller' => 'Identities', 'action' => 'getIdentity')); ?>/" + Base64.encode(request.term);
$.getJSON(loadIdentities, function(data) {
response(data);
});
}
}).data("ui-autocomplete")._renderItem = function(ul, item) {
console.log(item.id);
return $("<li>")
.append("<a>" + item.label + "</a>")
.appendTo(ul);
};在console.log(item.id)行中，我没有得到正确的值。当您用鼠标选择从“自动完成”列表中的元素进行选择时，当您单击“自动完成”列表中的元素时，没有正确地更新item.id，而所显示的值是为“自动完成”键入时所具有的值，则会发生这种情况。
例如，如果在文本字段中键入名称"John“，您将在autocomplete上得到两个选项: John和John。如果单击“”选项，您将获得"John“的item.id值，并且我希望有”“的id。
我该如何解决这个问题？
Stack Overflow用户
回答已采纳
发布于 2016-04-25 21:50:06
我能够使用自动完成的select方法来解决这个问题：
select: function( event, ui ) {
$("[name='elementName[0]']").val(ui.item.label);
$("[name='elementID[0]']").val(ui.item.id);
return false;
}我把它放在源之后，现在它起作用了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36610318
复制相关文章
相似问题
腾讯云开发者
