Jquery 轻松自动完成按键输入

我希望在使用jquery easy autocomplete时能得到一些帮助。它工作正常，但我无法启用按键事件（我希望在按Enter键时我们将重定向到正确的链接）。我想用onChooseEvent，但我不知道如何正确使用它

我的代码：

<script>
  // http://easyautocomplete.com/guide#sec-template-links
  $(function() {
    var options = {
      data: [
          {"text": "Amazon", "website-link": "https://www.babelway.com/technology/amazon-mws/"},
          {"text": "AS2", "website-link": "https://www.babelway.com/technology/as2/"},
          {"text": "CSV", "website-link": "https://www.babelway.com/product-tour/csv-erp/"},
          {"text": "Dropbox", "website-link": "https://www.babelway.com/technology/b2b-integration-dropbox/"},
          {"text": "Edifact", "website-link": "https://www.babelway.com/technology/edifact/"},
          {"text": "Email", "website-link": "https://www.babelway.com/technology/b2b-integration-email/"},
          {"text": "Excel", "website-link": "https://www.babelway.com/technology/excel-erp/"},
          {"text": "Flat File", "website-link": "https://www.babelway.com/technology/flat-file/"},
          {"text": "FTP", "website-link": "https://www.babelway.com/technology/b2b-integration-ftp/"},
          {"text": "HTTP", "website-link": "https://www.babelway.com/technology/b2b-integration-http/"},
          {"text": "Idoc", "website-link": "https://www.babelway.com/technology/sap-idoc/"},
          {"text": "Json", "website-link": "https://www.babelway.com/technology/b2b-integration-json/"},
          {"text": "OFTP", "website-link": "https://www.babelway.com/technology/oftp/"},
          {"text": "Peppol", "website-link": "https://www.babelway.com/technology/peppol/"},
          {"text": "Rosettanet", "website-link": "https://www.babelway.com/technology/rosettanet/"},
          {"text": "SAP", "website-link": "https://www.babelway.com/technology/sap-edi/"},
          {"text": "SFTP", "website-link": "https://www.babelway.com/technology/b2b-integration-sftp/"},
          {"text": "Tradacoms", "website-link": "https://www.babelway.com/technology/Tradacoms/"},
          {"text": "UBL", "website-link": "https://www.babelway.com/technology/ubl/"},
          {"text": "VAN", "website-link": "https://www.babelway.com/technology/van/"},
          {"text": "X12", "website-link": "https://www.babelway.com/technology/x12/"},
          {"text": "X400", "website-link": "https://www.babelway.com/technology/x400/"},
          {"text": "XML", "website-link": "https://www.babelway.com/technology/xml-edi/"}
      ],


      getValue: "text",

      template: {
          type: "links",
          fields: {
              link: "website-link"
          }
      },

      list: {
          showAnimation: {
            type: "fade", //normal|slide|fade
            time: 400,
            callback: function() {}
          },

          hideAnimation: {
            type: "slide", //normal|slide|fade
            time: 400,
            callback: function() {}
          },

          match: {
            enabled: true
          },

          onChooseEvent: function() {

          }
      }
    };


    $("#template-links").easyAutocomplete(options);

  });
</script>

// http://easyautocomplete.com/guide#sec-模板链接
$（函数（）{
变量选项={
数据：[
{“文本”：“亚马逊”，“网站链接”：https://www.babelway.com/technology/amazon-mws/"},
{“文本”：“AS2”，“网站链接”：https://www.babelway.com/technology/as2/"},
{“文本”：“CSV”，“网站链接”：https://www.babelway.com/product-tour/csv-erp/"},
{“文本”：“Dropbox”，“网站链接”：https://www.babelway.com/technology/b2b-integration-dropbox/"},
{“文本”：“Edifact”，“网站链接”：https://www.babelway.com/technology/edifact/"},
{“文本”：“电子邮件”，“网站链接”：https://www.babelway.com/technology/b2b-integration-email/"},
{“文本”：“Excel”，“网站链接”：https://www.babelway.com/technology/excel-erp/"},
{“文本”：“平面文件”，“网站链接”：https://www.babelway.com/technology/flat-file/"},
{“文本”：“FTP”，“网站链接”：https://www.babelway.com/technology/b2b-integration-ftp/"},
{“文本”：“HTTP”，“网站链接”：https://www.babelway.com/technology/b2b-integration-http/"},
{“文本”：“Idoc”，“网站链接”：https://www.babelway.com/technology/sap-idoc/"},
{“文本”：“Json”，“网站链接”：”https://www.babelway.com/technology/b2b-integration-json/"},
{“文本”：“OFTP”，“网站链接”：https://www.babelway.com/technology/oftp/"},
{“文本”：“Peppol”，“网站链接”：https://www.babelway.com/technology/peppol/"},
{“文本”：“Rosettanet”，“网站链接”：https://www.babelway.com/technology/rosettanet/"},
{“文本”：“SAP”，“网站链接”：https://www.babelway.com/technology/sap-edi/"},
{“文本”：“SFTP”，“网站链接”：https://www.babelway.com/technology/b2b-integration-sftp/"},
{“文本”：“Tradacom”，“网站链接”：https://www.babelway.com/technology/Tradacoms/"},
{“文本”：“UBL”，“网站链接”：https://www.babelway.com/technology/ubl/"},
{“文本”：“VAN”，“网站链接”：”https://www.babelway.com/technology/van/"},
{“文本”：“X12”，“网站链接”：https://www.babelway.com/technology/x12/"},
{“文本”：“X400”，“网站链接”：https://www.babelway.com/technology/x400/"},
{“文本”：“XML”，“网站链接”：”https://www.babelway.com/technology/xml-edi/"}
],
getValue:“文本”，
模板：{
键入：“链接”，
字段：{
链接：“网站链接”
}
},
名单：{
showAnimation：{
类型：“淡入度”，//正常|滑动|淡入度
时间:400,，
回调：函数（）{}
},
隐藏：{
类型：“滑动”，//正常|滑动|淡入
时间:400,，
回调：函数（）{}
},
匹配：{
已启用：true
},
onChooseEvent:function（）{
}
}
};
$（“#模板链接”）.easyAutocomplete（选项）；
});

谢谢你的帮助：）

试试看

这是更简单的使用

试试看

---

这是更简单的使用

在

onChooseEvent

方法中添加这两行。例如：

onChooseEvent: function() {
   let selected = $("#template-links").getSelectedItemData();
   location.replace(selected["website-link"]);
}

• 选择并按ENTER键时，

  getSelectedItemData（）

  方法将返回所选

  text

  的数据对象，有点像

  {text:“Amazon”，网站链接：https://www.babelway.com/technology/amazon-mws/“}

  用于

  Amazon

• 所选[“网站链接”]

  将返回

  网站链接的值（
  https://www.babelway.com/technology/amazon-mws/
  用于上述情况）
  通过在链接上调用
  location.replace（）
  方法，您将能够重定向
  

---

希望这会有所帮助。谢谢。

请在您的

onChooseEvent

方法中添加这两行。例如：

onChooseEvent: function() {
   let selected = $("#template-links").getSelectedItemData();
   location.replace(selected["website-link"]);
}

• 选择并按ENTER键时，

  getSelectedItemData（）

  方法将返回所选

  text

  的数据对象，有点像

  {text:“Amazon”，网站链接：https://www.babelway.com/technology/amazon-mws/“}

  用于

  Amazon

• 所选[“网站链接”]

  将返回

  网站链接的值（
  https://www.babelway.com/technology/amazon-mws/
  用于上述情况）
  通过在链接上调用
  location.replace（）
  方法，您将能够重定向
  

希望这会有所帮助。谢谢