jQuery UI自动完成搜索

我想使用jQuery UI autocomplete，以便用户可以搜索项目。jQuery UI自动完成搜索

我有一个需要制作成JSON的产品列表（或者只是将它们包含在JavaScript中，就像jQuery UI的演示版一样），但是当用户选择一个项目时，它会重定向到URL吗？

在jQuery用户界面的演示，他们有：

$(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 
    }); 
});

我在哪里可以添加一个网址为每个项目因此，当用户选择它，它会重定向页面？

来源

2013-03-25 user2203362

Chekc出http://api.jqueryui.com/autocomplete/和'select'事件。 – Jack 2013-03-25 21:01:51

看看[自定义数据示例]（http://jqueryui.com/autocomplete/#custom-data）。 – Mathletics 2013-03-25 21:02:24

如果你传递一个名为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/

来源

2013-03-25 21:06:07

啊哈，我明白了。这帮了我很大的时间，谢谢！ – user2203362 2013-03-25 21:15:56

jQuery UI自动完成搜索

回答

相关问题