Javascript jQuery UI自动完成搜索
我想使用,以便用户可以搜索项目 我有一个产品列表,我需要将其制作成JSON(或者像jQuery UI的演示一样将它们包含在JavaScript中),但是当用户选择一个项目时,有没有办法将其重定向到URL 在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
$(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并选择事件。查看。