我有以下 JS:
$("#search").autocomplete({
source: function (request, response) {
$.ajax({
url: "/Home/GetCompanyNames",
dataType: "json",
data: "searchterm=" + request.term,
success: function (data) {
response($.map(data, function (item) {
return {
label: item.Name,
value: item.Name,
LogoUrl: item.LogoUrl,
InternetName :item.InternetName,
Name: item.Name
};
}));
}
});
},
minLength: 1
}).data("autocomplete")._renderItem = function (ul, item) {
var innerHtml = '<a href=/Store/'+item.InternetName+'><div class="list_item_container" style="height: 60px;"><div class="image" style="float: left; margin-right: 35px;"><img src="' + item.LogoUrl + '"></div><div class="label">' + item.Name + '</div></div></a>';
return $("<li></li>")
.data("item.autocomplete", item)
.append(innerHtml)
.appendTo(ul);
};
});
渲染此内容
这是一个建议下拉菜单,当我在文本框中输入任何字符(例如本例中的 ib
)时,它会显示,
一切工作正常,但只有一个问题,当我用鼠标单击下拉菜单的任何项目时,它会将我带到其 anchor 标记中写入的网址,我希望如果我向下滚动并在某个项目上按 Enter 键,它就会执行此操作目前,当我在下拉菜单中按 Enter 键时,它不会执行任何操作。
最佳答案
看看这个 jqFAQ.com主题,这将帮助您导航到通过单击鼠标并按 Enter 键进行选择的 url。还有一些与自动完成相关的常见问题解答。
关于javascript - 如何在按下 Enter 时触发单击事件 Jquery-UI 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13416006/