Javascript 如何使用jquery autosuggest重定向到另一个url?
因此,我一直在互联网上寻找一个我认为会很普通和简单的解决方案,但似乎我浏览的所有链接都超出了我的需要,或者它们只是覆盖了我需要和想要理解的部分 我正在开发一个网站,我希望有一个字段,用户可以在其中键入一个状态,它将自动建议可能的状态,当用户选择一个状态时,它将重定向页面到另一个url。所以:如果他们选择阿拉斯加,他们会被引导到AKhttp://.../states/alaska 从我搜索过的所有内容来看,似乎最接近我所需要的。我喜欢我不需要通过数据库,值在search.php文件中 在search.php文件中,插入的值如下:Javascript 如何使用jquery autosuggest重定向到另一个url?,javascript,jquery,redirect,autocomplete,autosuggest,Javascript,Jquery,Redirect,Autocomplete,Autosuggest,因此,我一直在互联网上寻找一个我认为会很普通和简单的解决方案,但似乎我浏览的所有链接都超出了我的需要,或者它们只是覆盖了我需要和想要理解的部分 我正在开发一个网站,我希望有一个字段,用户可以在其中键入一个状态,它将自动建议可能的状态,当用户选择一个状态时,它将重定向页面到另一个url。所以:如果他们选择阿拉斯加,他们会被引导到AKhttp://.../states/alaska 从我搜索过的所有内容来看,似乎最接近我所需要的。我喜欢我不需要通过数据库,值在search.php文件中 在searc
$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 );
}
});
});
我不需要它来显示日志,当选择或用户点击提交按钮时,如何重新格式化以使页面重定向?您需要使用其中一个选项
window.location.href = "new link";
或
也许像这样
select: function( event, ui ) {
log( ui.item ?
window.location.href = ui.item.value :
"Nothing selected, input was " + this.value );
}
您需要使用其中一个
window.location.href = "new link";
或
也许像这样
select: function( event, ui ) {
log( ui.item ?
window.location.href = ui.item.value :
"Nothing selected, input was " + this.value );
}
顺便说一句,它似乎有很多相关的文件需要附上,以使这项工作,所以如果有人有任何更小的,一定要告诉。顺便说一句,它似乎有很多相关的文件需要附上,以使这项工作,所以如果有人有任何更小的,一定要告诉。好的,工作。谢谢现在,我正在将这些整合到生产中,我意识到需要9个链接文件和41kb才能将整个过程整合到一起。似乎有点极端。有人有其他选择吗?如果你说了9个不同的答案,你可以把它们放在数据库中,然后在你的页面中创建一个div,根据用户选择加载结果。不过,这需要一些ajax。我正在研究这些类型的脚本。我的问题是,他们都只为建议文本和ID引入了一个值。我不需要ID,我需要建议文本和URL字段。问题是我根本不知道MySQL/JSON/AJAX语法,所以弄清楚如何修改对我来说是不可能的,而且也没有初级的脚本文档。谢谢现在,我正在将这些整合到生产中,我意识到需要9个链接文件和41kb才能将整个过程整合到一起。似乎有点极端。有人有其他选择吗?如果你说了9个不同的答案,你可以把它们放在数据库中,然后在你的页面中创建一个div,根据用户选择加载结果。不过,这需要一些ajax。我正在研究这些类型的脚本。我的问题是,他们都只为建议文本和ID引入了一个值。我不需要ID,我需要建议文本和URL字段。问题是我根本不知道MySQL/JSON/AJAX语法,所以弄清楚如何修改对我来说是不可能的,而且也并没有初级的脚本文档。