禁用自动完成的自动选择 | jQuery UI
Disable autoselect on Autocomplete | jQuery UI
如果我点击只搜索“2018”的搜索按钮,但如果我在搜索“2018 歌曲”的电脑上按回车按钮,我想搜索“2018”,如果我在电脑上按回车按钮,如何我可以使用 Autocomplete | jQuery UI
即时修复它
var suggestCallBack;
document.addEventListener('DOMContentLoaded', function() {
$("#searchbox").autocomplete({
source: function(request, response) {
$.getJSON("http://suggestqueries.google.com/complete/search?callback=?",
{
"hl":"en",
"ds":"yt",
"jsonp":"suggestCallBack",
"q":request.term,
"client":"youtube"
}
);
suggestCallBack = function (data) {
var suggestions = [];
$.each(data[1], function(key, val) {
suggestions.push({"value":val[0]});
});
suggestions.length = 10;
response(suggestions);
};
},
autoFocus: true,
select: function(event, ui) {
$(event.target).val(ui.item.value);
$('#searchform').submit();
return false;
}
});
});
在这种情况下,我想搜索 (2018) 而不是 (2018 歌曲) 所以我之前说的如果我点击搜索按钮就可以了 我搜索 (2018) 但如果我按下回车按钮搜索 (2018 歌曲) 我该如何解决这个问题?
看起来问题出在自动完成设置中的 autoFocus: true
。
看着这个 docs,他们说关键 ENTER:"Select the currently focused item and close the menu".
希望对您有所帮助。
如果我点击只搜索“2018”的搜索按钮,但如果我在搜索“2018 歌曲”的电脑上按回车按钮,我想搜索“2018”,如果我在电脑上按回车按钮,如何我可以使用 Autocomplete | jQuery UI
即时修复它 var suggestCallBack;
document.addEventListener('DOMContentLoaded', function() {
$("#searchbox").autocomplete({
source: function(request, response) {
$.getJSON("http://suggestqueries.google.com/complete/search?callback=?",
{
"hl":"en",
"ds":"yt",
"jsonp":"suggestCallBack",
"q":request.term,
"client":"youtube"
}
);
suggestCallBack = function (data) {
var suggestions = [];
$.each(data[1], function(key, val) {
suggestions.push({"value":val[0]});
});
suggestions.length = 10;
response(suggestions);
};
},
autoFocus: true,
select: function(event, ui) {
$(event.target).val(ui.item.value);
$('#searchform').submit();
return false;
}
});
});
在这种情况下,我想搜索 (2018) 而不是 (2018 歌曲) 所以我之前说的如果我点击搜索按钮就可以了 我搜索 (2018) 但如果我按下回车按钮搜索 (2018 歌曲) 我该如何解决这个问题?
看起来问题出在自动完成设置中的 autoFocus: true
。
看着这个 docs,他们说关键 ENTER:"Select the currently focused item and close the menu".
希望对您有所帮助。