Jquery AutoComplete - 将等于原始 SelectBox 值的链接添加到下拉列表

Question

我正在尝试修改此示例： http://jqueryui.com/demos/autocomplete/#combobox 解析类似的选择列表，其中超链接作为值传递。

<select id="combobox">
<option value="/page1" title="Page1">Page1</option>
<option value="/page2" title="Page2">Page2</option>
<option value="/page3" title="page3">Page3</option>
<option value="/page4" title="Page4">Page4</option>
...

所需的效果是一旦匹配完成并且用户单击输入或仅当用户单击自动完成列表中的建议时激活到相应页面的链接。

我还尝试让 AutoComplete 解析一个简单的链接列表而不是选择列表，但考虑到我新的 jquery 技能，这对我来说似乎太过破解。

任何帮助将不胜感激。 非常感谢。

Answer 1

使用自动完成选择事件导航到页面

$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

来自 jQueryUI 文档：

从菜单中选择某个项目时触发； ui.item 指所选项目。 select 的默认操作是将文本字段的值替换为所选项目的值。取消此事件会阻止更新该值，但不会阻止菜单关闭。

Answer 2

尝试将 onItemSelect 回调添加到自动完成功能中。
类似的东西

onItemSelect: function(v){
   window.location.href = v;
}