Question

我只是想知道如何从返回的结果中点击一下网址。我的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"
    }
]

我发现自动填充说明非常缺乏，但我的理解是我需要选择＆＃39;选择＆＃39;？

Answer 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.

Answer 2

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

有些事情。

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

    window.location.href = link;
});

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

jQuery UI自动完成在select上转到url

2 个答案: