Jquery自动完成 - 添加等于原始的链接选择Box值到DropDown列表

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

尝试将onItemSelect回调添加到自动填充功能。

的内容

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

Answer 2

使用自动填充选择事件导航到页面

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

来自jQueryUI文档：

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