jQuery UI自动完成搜索
jQuery UI Autocomplete Search
我想使用jQuery UI自动完成,这样用户就可以搜索项目。
我有一个产品列表,我需要进入JSON(或只是包括他们在JavaScript像jQuery UI的演示有),但有一种方式,当用户选择一个项目,它重定向到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);
}
});
示例:http://jsfiddle.net/9qePM/
相关文章:
- Angular UI Select2指令搜索功能不起作用
- 使用 jQuery UI 折叠面板显示 couchDB 数据库搜索结果时出现问题
- 谷歌应用程序脚本搜索UI下一个和上一个功能
- 在Backbone Collections中搜索,使用React更新UI
- JQuery UI 地图搜索不起作用
- jquery-ui 自动完成仅允许从多个 JSON 结果中按名称搜索
- 语义 UI:访问搜索组件选定项
- 语义 UI 搜索 - 筛选器字段
- 使用语义 UI 框架和 ajax 请求的自动完成或提前键入搜索框
- Angularj UI 网格搜索
- jQuery UI自动完成-基于json节点的搜索
- jQuery UI:自动完成-如何在数组中搜索多个值
- 使用JQuery UI自动完成从JSON搜索数据不起作用
- 带有API.js的语义UI搜索选择下拉菜单-未发生API调用
- Jquery UI自动完成与ajax自定义搜索不工作
- jQuery UI自动完成:清除以前的搜索项
- 应用搜索剑道UI网格与角
- 语义UI -在搜索框周围添加逻辑
- 在语义UI搜索下拉列表中获得未定义值
- javascript:用于构建类似于ebay的搜索过滤前端的任何UI库