Question

您好，

我目前正在处理这个自动完成 - 搜索框，而且当我遇到JavaScript时，我很想知道：我如何为每个值提供另一个.html页面的特定唯一链接？因此'甜点'链接到 page1.html ＆amp; 'Snacks'到 page2.html ？

如您所见，当前链接到 location.href =“http://www.cnn.com”; 的所有值，但我想为每个值指定一个特定的location.href ..

祝你好运

$(function(){

   var term = [  

    { value: 'Desserts' },

    { value: 'Snacks'},

    { value: 'Drinks'},

    { value: 'Cheesecake'},

    { value: 'Cookies'},

  ];

  $('#autocomplete').autocomplete({
    lookup: term,

  onSelect: function myFunction() {
    location.href = "http://www.cnn.com";
}
  });
});

Answer 1

我认为这是你想要的方向。如果你发布更多你所拥有的东西，我可以给你一个更具体的答案

 $(function(){
   var term = [{ 
     value: 'Desserts', 
     location: 'page1.html' 
  },{ 
     value: 'Snacks', 
     location: 'page2.html' 
  }, { 
     value: 'Drinks', 
     location: 'page3.html' 
  }, { 
     value: 'Cheesecake', 
     location: 'page4.html'
  }, { 
     value: 'Cookies', 
     location: 'page5.html'
  },];

$('#autocomplete').autocomplete({
  lookup: term,
  onSelect: function myFunction(e) {
    //Depending on how you trigger onSelect e.currentTarget.location 
    //may or may not work. but you should be able to start with e 
    //and work your way to finding location.
    location.href = "http://www.cnn.com"+e.currentTarget.location;
  }
});
});

此外，您还可以查看具有内置自动完成功能的库以及随附的文档。 JQuery有你可以在这里看到的东西：http://jqueryui.com/autocomplete/#combobox

Javascript：唯一的location.href

1 个答案: