jQuery UI自动完成功能在选择时转到URL

gen*_*lcb 0 php jquery jquery-ui

我只是想知道如何从返回的结果中单击URL。我的jQuery如下:

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

而我的script.php返回:

[
    {
        "label":"Text to display",
        "url":"Url to go to"
    }
]
Run Code Online (Sandbox Code Playgroud)

我发现几乎没有自动完成指令,但是我的理解是我需要对“选择”进行操作吗?

mir*_*ron 5

我不知道为什么您将回调传递给源,它无需使用即可工作:

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

});
Run Code Online (Sandbox Code Playgroud)

这是一个小家伙。