如何将Jquery UI自动完成功能转换为链接？

Question

我正在尝试jQuery ui自动完成功能，它很容易实现，我很喜欢它，但是我发现它难以使建议像Google搜索一样可链接，即当您单击它时，它会将您带到另一个页面。

$(function() {  
            $("#state").autocomplete({
                source: "states.php",
                minLength: 2,
                select: function(event, ui) {
                    $('#state_id').val(ui.item.id);
                    $('#abbrev').val(ui.item.abbrev);
                }
            });
});

这是jquery脚本的示例，感谢您的帮助：））

Answer 1

如果我理解正确，则只需要这样一行：

window.location="http://place/to/link/to.php?" + ui.item.abbrev; //This would send you to a php script accepting ui.item.abbrev as a parameter. 

在您的select : function(event,ui){ ... }

Answer 2

您可以向select事件添加回调函数。

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

在那里您可以重定向到所需的链接。

window.location.href = "http://stackoverflow.com";

抱歉，我刚刚看到您已经添加了回调函数。 因此您只需要重定向。

Answer 3

该示例将使您进入正确的位置： http : //jqueryui.com/demos/autocomplete/#custom-data