JQuery AutoComplete,手动选择第一个搜索项并绑定点击
我想手动选择自动完成中的项目,并在给定值的情况下单击它。
以下代码:
autocompleteitem.autocomplete("option", "autoFocus", true).autocomplete("search", autocompleteitem.val());
autocompleteitem是一个输入对象,它包含我想要搜索的值。 现在,此代码成功从下拉列表中选择第一个项目,但它没有单击它。 我不想自己点击它我希望它以某种方式在该代码中发生。
我尝试了上面的代码添加以下function:
.click(), .select(), .trigger('select'), .find('a').click(), .change()
有什么办法可以吗?
谢谢
请有人帮忙
看看这个jqFAQ.com主题,这将帮助您以编程方式选择值的第一个匹配选项并将其设置为自动完成文本框。 很少有其他自动完成相关的常见问题,我认为这可能对你有用。
如果你看一下jQuery团队在unit testing中进行自动完成的方式,他们会使用类似于以下代码的东西:
var downKeyEvent = $.Event("keydown"); downKeyEvent.keyCode = $.ui.keyCode.DOWN; // event for pressing "down" key var enterKeyEvent = $.Event("keydown"); enterKeyEvent.keyCode = $.ui.keyCode.ENTER; // event for pressing "enter" key $("#autoComplete").val("item"); // enter text to trigger autocomplete $("#autoComplete").trigger(downKeyEvent); // First downkey invokes search $("#autoComplete").trigger(downKeyEvent); // Second downkey highlights first item $("#autoComplete").trigger(enterKeyEvent); // Enter key selects highlighted item
这个插件显示它工作