jQuery UI 自动完成在选择时转到 url答案

【问题标题】：jQuery UI autocomplete go to url on selectjQuery UI 自动完成在选择时转到 url
【发布时间】：2014-09-29 16:32:10
【问题描述】：

我只是想知道如何从返回的结果中转到点击网址。我的jQuery如下：

$('#input').autocomplete({
    source: function(request, response) {
        $.ajax({
            url: 'script.php',
            cache: false,
            dataType: 'json',
            data: {
                term: request.term
            },
            success: function(data) {
                response(data);
            }
        });
    }
});

我的 script.php 正在返回：

[
    {
        "label":"Text to display",
        "url":"Url to go to"
    }
]

我发现自动完成指令非常缺乏，但我的理解是我需要用“选择”做一些事情？

【问题讨论】：

以下任何答案都可以解决您的问题吗？
Autocomplete Select Redirect的可能重复

标签： php jquery jquery-ui

【解决方案1】：

我不知道你为什么向源传递一个回调，它不使用就可以工作：

$('#input').autocomplete({
  source: 'script.php',
  select: function(event, ui){
    console.log(ui.item.url)
    // redirect to url
     // window.location = ui.item.url
  }

});

Here's a plunk.

【讨论】：

【解决方案2】：

您可以使用 select 事件，然后使用简单的 window.location.href 将用户引导至他们点击过的链接。

类似的东西。

$( "#input" ).on( "autocompleteselect", function( event, ui ) {
    var label = ui.item.value;

    window.location.href = link;
});

这只是一个未经测试的原始示例。

【讨论】：