Javascript jQuery搜索表单-如何指向内部页面

我用自动完成脚本创建了我的第一个Javascript搜索表单。一切都很完美，但我很难找到如何让用户在网站上搜索其产品后，点击“回车”，并将其定向到相应的“产品”URL页面

操作步骤-

搜索产品名称

Hit的输入或单击搜索输出，并指向相应的项目页面。（例）

我是在做一个关于如何用货币填充它的教程时创建的，但是我对Jquery和Javascript非常陌生。有人对如何实现这个基本的搜索功能有什么建议吗

这是一个

我还忘了提到，要激活自动完成脚本，只需从JS文件中键入表单编号即可（例如00.15B，00.2C），我希望它能够链接到我为每个“表单”（00.15B，00.2C）选择的URL

因此，如果用户选择00.15B，它将引导他们访问该网页。（例）

谢谢

    $(function(){
  var currencies = [
    { value: '00.15B', data: 'ButtHole' },
    { value: '00.2C', data: 'ALL' },
    { value: '04-002A', data: 'DZD' },
    { value: '08-010B', data: 'EUR' },
    { value: '10.01A', data: 'AOA' },
    { value: '10.1B', data: 'XCD' },
    { value: '10.3A', data: 'ARS' },
    { value: '20.01B', data: 'AMD' },
    { value: '20.01DA', data: 'AWG' },
    { value: '20.12A', data: 'AUD' },
    { value: '20.15A', data: 'AZN' },
    { value: '20.16A', data: 'BSD' },
    { value: '20.16B', data: 'BHD' },
    { value: '20.17A', data: 'BDT' },
    { value: '20.23A', data: 'BBD' },
    { value: '20.2A', data: 'BYR' },
    { value: '20.33A', data: 'BZD' },
    { value: '20.35A', data: 'XOF' },
    { value: '20.35C', data: 'BTN' },
    { value: '20.37A', data: 'BOB' },
    { value: '20.39A', data: 'BAM' },
    { value: '20.39B', data: 'BWP' },
    { value: '20.44B', data: 'BRL' },
    { value: '20.44C', data: 'BND' },
    { value: '20.44D', data: 'BGN' },
    { value: '20.44E', data: 'BIF' },
    { value: '30.12A', data: 'KHR' },
    { value: '40.10A', data: 'XAF' },
    { value: '40.10B', data: 'CAD' },
    { value: '40.10C', data: 'CVE' },
    { value: '40.10D', data: 'KYD' },
    { value: '40.1A', data: 'CLP' },
    { value: '40.1B', data: 'CNY' },
    { value: '40.4A', data: 'COP' },
    { value: '40.5B', data: 'KMF' },
    { value: '40.5C', data: 'CDF' },
    { value: '40.5D', data: 'CRC' },
    { value: '40.6A', data: 'HRK' },
    { value: '40.6B', data: 'CUC' },
    { value: '40.6C', data: 'CZK' },
    { value: '41.2A', data: 'DKK' },
    { value: '41.2B', data: 'DJF' },
    { value: '41.2C', data: 'DOP' },
    { value: '45.1B', data: 'EGP' },
    { value: '50.10A', data: 'GQE' },
    { value: '50.10C', data: 'ERN' },
    { value: '60.13A', data: 'EEK' },
    { value: '60.13C', data: 'ETB' },
    { value: '60.13D', data: 'FKP' },
    { value: '60.1A', data: 'FJD' },
    { value: '60.23D', data: 'XPF' },
    { value: '60.23E', data: 'GMD' },
    { value: '60.4A', data: 'GEL' },
    { value: '60.5B', data: 'GHS' },
    { value: '60.5B', data: 'GIP' },
    { value: '60.5E', data: 'GTQ' },
    { value: '60.5I', data: 'GNF' },
    { value: '60.6A', data: 'GYD' },
    { value: '60.7E', data: 'HTG' },
    { value: '60.8A', data: 'HNL' },
    { value: '70.0A', data: 'HKD' },
    { value: '70.0B', data: 'HUF' },
    { value: '70.10DB', data: 'ISK' },
    { value: '70.23A', data: 'INR' },
    { value: '70.24A', data: 'IDR' },
    { value: '70.25A', data: 'IRR' },
    { value: '70.5B', data: 'IQD' },
    { value: '70.9A', data: 'ILS' },
    { value: '80.16A', data: 'JMD' },
    { value: '80.2A', data: 'JPY' },
    { value: '90.14A', data: 'JOD' },
    { value: '90.14B', data: 'KZT' },
    { value: '90.16A', data: 'KES' },
    { value: '90.3A', data: 'KPW' },
    { value: '90.3B', data: 'KRW' },
    { value: '90.3C', data: 'KWD' },
    { value: '90.5A', data: 'KGS' },
    { value: '90.9B', data: 'LAK' },
    { value: 'Allergy Label', data: 'LVL' },
    { value: 'T20.01A', data: 'LBP' },
    { value: 'T20.01B', data: 'LSL' },
    { value: 'T20.03A', data: 'LRD' },
    { value: 'T20.03B', data: 'LYD' },
    { value: 'T20.03C', data: 'LTL' },
    { value: 'T20.03D', data: 'MOP' },
    { value: 'T20.15A', data: 'MKD' },
    { value: 'T20.17A', data: 'MGA' },
    { value: 'T20.23A', data: 'MWK' },
    { value: 'T20.23B', data: 'MYR' },
    { value: 'T20.35C', data: 'MVR' },
    { value: 'T20.39A', data: 'MRO' },
    { value: 'T20.39B', data: 'MUR' },
    { value: 'T40.8A', data: 'MXN' },
   
  ];
  
  // setup autocomplete function pulling from currencies[] array
  $('#autocomplete').autocomplete({
    lookup: currencies,
    onSelect: function (suggestion) {
      var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br> <strong>Symbol:</strong> ' + suggestion.data;
      $('#outputcontent').html(thehtml);
    }
  });
  

});

$（函数（）{
风险值货币=[
{值：'00.15B'，数据：'ButtHole'}，
{值：'00.2C'，数据：'ALL'}，
{值：'04-002A'，数据：'DZD'}，
{值：'08-010B'，数据：'EUR'}，
{值：'10.01A'，数据：'AOA'}，
{值：'10.1B'，数据：'XCD'}，
{值：'10.3A'，数据：'ARS'}，
{值：'20.01B'，数据：'AMD'}，
{值：'20.01DA'，数据：'AWG'}，
{值：'20.12A'，数据：'AUD'}，
{值：'20.15A'，数据：'AZN'}，
{值：'20.16A'，数据：'BSD'}，
{值：'20.16B'，数据：'BHD'}，
{值：'20.17A'，数据：'BDT'}，
{值：'20.23A'，数据：'BBD'}，
{值：'20.2A'，数据：'BYR'}，
{值：'20.33A'，数据：'BZD'}，
{值：'20.35A'，数据：'XOF'}，
{值：'20.35C'，数据：'BTN'}，
{值：'20.37A'，数据：'BOB'}，
{值：'20.39A'，数据：'BAM'}，
{值：'20.39B'，数据：'BWP'}，
{值：'20.44B'，数据：'BRL'}，
{值：'20.44C'，数据：'BND'}，
{值：'20.44D'，数据：'BGN'}，
{值：'20.44E'，数据：'BIF'}，
{值：'30.12A'，数据：'KHR'}，
{值：'40.10A'，数据：'XAF'}，
{值：'40.10B'，数据：'CAD'}，
{值：'40.10C'，数据：'CVE'}，
{值：'40.10D'，数据：'KYD'}，
{值：'40.1A'，数据：'CLP'}，
{值：'40.1B'，数据：'CNY'}，
{值：'40.4A'，数据：'COP'}，
{值：'40.5B'，数据：'KMF'}，
{值：'40.5C'，数据：'CDF'}，
{值：'40.5D'，数据：'CRC'}，
{值：'40.6A'，数据：'HRK'}，
{值：'40.6B'，数据：'CUC'}，
{值：'40.6C'，数据：'CZK'}，
{值：'41.2A'，数据：'DKK'}，
{值：'41.2B'，数据：'DJF'}，
{值：'41.2C'，数据：'DOP'}，
{值：'45.1B'，数据：'EGP'}，
{值：'50.10A'，数据：'GQE'}，
{值：'50.10C'，数据：'ERN'}，
{值：'60.13A'，数据：'EEK'}，
{值：'60.13C'，数据：'ETB'}，
{值：'60.13D'，数据：'FKP'}，
{值：'60.1A'，数据：'FJD'}，
{值：'60.23D'，数据：'XPF'}，
{值：'60.23E'，数据：'GMD'}，
{值：'60.4A'，数据：'GEL'}，
{值：'60.5B'，数据：'GHS'}，
{值：'60.5B'，数据：'GIP'}，
{值：'60.5E'，数据：'GTQ'}，
{值：'60.5I'，数据：'GNF'}，
{value:'60.6A'，data:'GYD'}，
{值：'60.7E'，数据：'HTG'}，
{值：'60.8A'，数据：'HNL'}，
{值：'70.0A'，数据：'HKD'}，
{值：'70.0B'，数据：'HUF'}，
{值：'70.10DB'，数据：'ISK'}，
{值：'70.23A'，数据：'INR'}，
{值：'70.24A'，数据：'IDR'}，
{值：'70.25A'，数据：'IRR'}，
{值：'70.5B'，数据：'IQD'}，
{值：'70.9A'，数据：'ILS'}，
{value:'80.16A'，data:'JMD'}，
{值：'80.2A'，数据：'JPY'}，
{值：'90.14A'，数据：'JOD'}，
{值：'90.14B'，数据：'KZT'}，
{值：'90.16A'，数据：'KES'}，
{值：'90.3A'，数据：'KPW'}，
{值：'90.3B'，数据：'KRW'}，
{值：'90.3C'，数据：'KWD'}，
{值：'90.5A'，数据：'KGS'}，
{值：'90.9B'，数据：'LAK'}，
{value:'Allergy Label'，data:'LVL'}，
{值：'T20.01A'，数据：'LBP'}，
{值：'T20.01B'，数据：'LSL'}，
{值：'T20.03A'，数据：'LRD'}，
{值：'T20.03B'，数据：'LYD'}，
{值：'T20.03C'，数据：'LTL'}，
{值：'T20.03D'，数据：'MOP'}，
{值：'T20.15A'，数据：'MKD'}，
{值：'T20.17A'，数据：'MGA'}，
{value:'T20.23A'，data:'MWK}，
{值：'T20.23B'，数据：'MYR'}，
{值：'T20.35C'，数据：'MVR'}，
{值：'T20.39A'，数据：'MRO'}，
{值：'T20.39B'，数据：'MUR'}，
{值：'T40.8A'，数据：'MXN'}，
];
//设置从数组中提取的自动完成函数
$（“#自动完成”）。自动完成({
查找：货币，
onSelect：功能（建议）{
var thehtml='货币名称：'+suggestion.value+'
符号：'+suggestion.data；
$（'#outputcontent'）.html（thehtml）；
}
});
});

有关从JS中打开不同页面URL的建议，请参阅

//As an HTTP redirect (back button will not work )
window.location.replace("http://www.google.com");

//like if you click on a link (it will be saved in the session history, 
//so the back button will work as expected)
window.location.href = "http://www.google.com";

因此，要打开包含所选项目的url组件的页面，您需要执行以下类似操作：

// setup autocomplete function pulling from currencies[] array
$('#autocomplete').autocomplete({
 lookup: currencies,
onSelect: function (suggestion) {
  // var thehtml = '<strong>Currency Name:</strong> ' + suggestion.value + ' <br> <strong>Symbol:</strong> ' + suggestion.data;
  // $('#outputcontent').html(thehtml);
   window.location.href = "http://yoursite.com/product_" + suggestion.value;
 }
});

//设置从[]数组提取的自动完成函数
$（“#自动完成”）。自动完成({
查找：货币，
onSelect：功能（建议）{
//var thehtml='货币名称：'+suggestion.value+'
符号：'+suggestion.data；
//$（'#outputcontent'）.html（thehtml）；
window.location.href=”http://yoursite.com/product_“+建议、价值；
}
});

---

您可能还希望使用JQuery并绑定到表单输入更改事件，并在那里使用相同的方法，而不是使用自动完成onSelect。

您好，欢迎使用StackOverflow！我建议您查看一下我们的帮助中心，尤其是和。很难从你的问题中分辨出你尝试了什么，以及你被困在了哪里。