如何使用 jquery autosuggest 重定向到另一个 url？

Question

所以我一直在互联网上寻找一个我认为会很常见且简单的解决方案，但似乎我浏览过的所有链接都超出了我的需要，或者它们只是在我需要和想要了解的部分。

我正在开发一个网站，我希望有一个用户可以输入状态的字段，它会自动提示可能的状态，当用户选择一个状态时，它会将页面重定向到另一个 url。所以：如果他们选择“阿拉斯加，AK”，他们会被定向到“http://.../states/alaska”

从我搜索的所有内容来看，jquery UI autosuggest remote source 似乎最接近我的需要。我喜欢我不需要通过数据库，值在“search.php”文件中。

在 search.php 文件中，值插入为：

$q = strtolower($_GET["term"]);
if (!$q) return;
$items = array(
"Great Bittern"=>"Botaurus stellaris",
"Little Grebe"=>"Tachybaptus ruficollis",
"Black-necked Grebe"=>"Podiceps nigricollis",
"Little Bittern"=>"Ixobrychus minutus",
...

我已经测试可以将这里的值更改为：

$q = strtolower($_GET["term"]);
if (!$q) return;
$items = array(
"Alabama, AL"=>"http://.../states/alabama",
"Alaksa, AK"=>"http://.../states/alaska",
"Arizona, AZ"=>"http://.../states/arizona",
...

在 HTML 中的代码是：

$(function() {
        function log( message ) {
            $( "<div/>" ).text( message ).prependTo( "#log" );
            $( "#log" ).scrollTop( 0 );
        }

        $( "#birds" ).autocomplete({
            source: "search.php",
            minLength: 2,
            select: function( event, ui ) {
                log( ui.item ?
                    "Selected: " + ui.item.value + " aka " + ui.item.id :
                    "Nothing selected, input was " + this.value );
            }
        });
    });

我不需要它来显示日志，如何重新格式化它以使页面在被选中或用户点击提交按钮时重定向？

Answer 1

您将需要使用其中之一

window.location.href = "new link";

或

window.location.replace("new link");

可能是这样

select: function( event, ui ) {
                log( ui.item ?
                    window.location.href = ui.item.value :
                    "Nothing selected, input was " + this.value );
            }