JQuery自动完成-选择第一项
JQuery autocomplete - Select first item
我正在使用jquery自动完成,我正在从ruby on rails应用程序中填充,我正在创建一个自定义自动完成,如下所示:
$.widget( "custom.code_complete", $.ui.autocomplete, {
_renderMenu: function( ul, items ) {
var self = this,
currentCategory = "";
$ul = ul;
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
currentCategory = item.category;
}
self._renderItem( ul, item );
});
}
});
$("#r-code").code_complete({
source: "URL",
minLength: 2,
select: function(event, ui) {
$(".button-row").fadeIn();
get_details(ui.item.url);
}
});
我将用户从另一个页面重定向到具有自动完成表单的页面,其中URL中的参数是用于搜索的代码,这里是JS进行搜索:
function ac_search(code) {
$("#r-code").val(code);
$("#r-code").code_complete('search', code);
}
这将完美地执行搜索并显示结果的下拉列表。我试图有脚本,然后选择列表中的第一个结果。我试过通过选择器:
$(".ui-menu-item:first a").click();
这在自动完成列表中找到正确的元素,但当我尝试模拟点击时,它给出了这个错误:
TypeError: ui.item is null
是否可以通过编程方式单击自动完成结果列表中的第一项?
欢呼Eef$( el ).autocomplete({
autoFocus: true
});
use autoFocus: true
$( el ).autocomplete({
autoFocus: true
...
});
相关文章:
- 谷歌表单-根据分配给谷歌应用程序的工作为商业用户预先填充多项选择列表
- MediaWiki/OOUI:SelectWidget可进行多项选择
- 如何从对象数组中获取最后一项
- 为什么只有最后一项显示,而不是全部显示
- 使用数据库中的数据进行多项选择
- 删除最后一项jquery
- $q.all当输入数组中的一项不是promise时,Typescript检查器失败
- 为什么我的“for”循环只获取 html 中的最后一项
- jquery插件 - 已选择 - 多项选择不在一行中列出,而是列在一列中
- 我无法将下拉列表的默认值设置为最后一项
- 流星批量插入仅插入最后一项
- 我怎么能知道元素是最后一项
- 未选择数组中的最后一项
- 如何使用Angular.js获得多选择数据,并在列表的每一项中添加复选框
- 在Angular数组上使用splice()时,jQuery选择器跳转到下一项
- 下拉菜单,选择一项时调用一个函数,选择另一项时调用另一个函数
- 选择数组javascript中的最后一项
- 在移动Safari下拉列表项选择框上使用“下一步”时,选择/下拉列表的onchange() JS事件的奇怪行为
- 如何在React-Native中选择ListView的一项
- 尝试着创造一款简单的多项选择游戏