jQuery UI自動完成搜索

Question

我想使用jQuery UI自動完成功能，以便用戶可以搜索項目。

我有一個需要制作成JSON的產品列表（或者像jQuery UI的演示一樣將它們包括在JavaScript中），但是當用戶選擇一個項目時，有沒有辦法將其重定向到URL？

在jQuery UI的演示中，它們具有：

$(function() {
  var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"
  ];
  $( "#tags" ).autocomplete({
    source: availableTags
  });
});

我在哪里可以為每個項目添加一個URL，以便當用戶選擇它時，它將重定向頁面？

Answer 1

如果傳遞帶有名為value的屬性的對象，則jquery將使用該對象作為顯示值。 然后，您可以在自動完成功能上使用select方法來處理事件：

var availableTags = [
    {value: "ActionScript", url:"http://www.google.com?q=ActionScript"},
    {value: "jquery", url:"http://www.google.com?q=jquery"}
    ];
    $( "#tags" ).autocomplete({
      source: availableTags,
        select:function(event, ui) {
        window.open(ui.item.url);        
    }
    });

小提琴示例： http : //jsfiddle.net/9qePM/