Javascript jQuery UI自动完成搜索

Javascript jQuery UI自动完成搜索,javascript,jquery,jquery-ui,jquery-ui-autocomplete,Javascript,Jquery,Jquery Ui,Jquery Ui Autocomplete,我想使用,以便用户可以搜索项目 我有一个产品列表,我需要将其制作成JSON(或者像jQuery UI的演示一样将它们包含在JavaScript中),但是当用户选择一个项目时,有没有办法将其重定向到URL 在jQuery UI的演示中,它们有: $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "C

我想使用,以便用户可以搜索项目

我有一个产品列表,我需要将其制作成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,这样当用户选择它时,它将重定向页面?

如果传递一个名为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);        
    }
    });
小提琴示例:

勾选KC out并选择
事件。查看。