jquery - typeahead.js onselect 项目重定向到新窗口

Question

我使用远程 url 和 json 响应(新 typeahead.js)

我的 JavaScript :

$(document).ready(function() { 
$('input.country').typeahead({
valueKey: 'name',
remote : {
url : 'example.in/d.php?query=%QUERY',
filter: function (parsedResponse) {
  var dataset = [];   
for (i = 0; i < parsedResponse.length; i++) {
              dataset.push({
                name: parsedResponse[i].name
              });
            }
if (parsedResponse.length == 0) {
              dataset.push({
                name: "No results" 
              }); }
            return dataset;
        },
},
});;
})

我的 json 响应:

[{"name":"诺基亚 110",url:"example.com/nokia-110"},{"name":"诺基亚 210",url:"example.com/nokia-210"}]

那么如何在所选名称上提供 URL 链接？

Answer 1

事件监听器

$('input.country').on( 'typeahead:selected', function(event, selected_object, dataset) {
   window.location.href = selected_object.url
});

这假设您的 selected_object 有一个名为 url 的属性，其中包含将浏览器重定向到的有效 URL。设置和获取此 url 属性和值的最佳方法有多种，但您可以从此处找出答案。