更改jQuery自动完成

时间:2011-06-12 13:18:38

标签: javascript jquery drop-down-menu jquery-autocomplete

jQuery有一个自动完成代码,就像google上的搜索框一样。但是,它不允许下拉项目成为可点击链接。我对jQuery并不是那么棒。有没有办法改变jQuery自动完成代码来使项目链接?

此外,如果可能的话,我想再次更改该代码,以便当用户使用箭头键向下滚动下拉列表时,悬停的项目不会出现在搜索框中

下面是jQuery代码的链接:http://jqueryui.com/demos/autocomplete/

2 个答案:

答案 0 :(得分:3)

它就在文档中: http://jqueryui.com/demos/autocomplete/#event-select 您必须适当地更改选择事件:

$( ".selector" ).autocomplete({
   select: function(event, ui) { window.location = "www.google.com"
   }
});

答案 1 :(得分:0)

您可以通过某种方式控制显示的实际html。

它实际上显示在您链接到的页面上

http://jqueryui.com/demos/autocomplete/#custom-data

没有理由不能制作下拉链接。