//输入框自动完成调用函数入口,options 为可选参数
$("#inputProductSearch").autocomplete(root_url + "pages/navigation/gotoKBNavi.do?actionFlag=autoComplete",options);
/*result (handler) Returns: jQuery
此事件会在用户选中某一项后触发,参数为:
event: 事件对象. event.type为result.
data: 选中的数据行.
formatted:formatResult函数返回的值
例如:
$("#singleBirdRemote").result(function(event, data, formatted) {
//如选择后给其他控件赋值,触发别的事件等等
}); */
//把选中的值显示到想要的位置。
$("#inputProductSearch").result(function(event, data, formatted){gotoNewPage(event, data, formatted)});
}
//定位到导航树的具体节点
function gotoNewPage(event, data, formatted){
var proline_id= data.PROLINE_ID;
var profamily_id= data.PROFAMILY_ID;
var proproduct_id= data.PRODUCT_ID;
var class1_id= data.CLASS1_ID;
var proline_name = data.PROLINE_NAME;
var productName = $("#inputProductSearch").val();
var level_id = 2;
if(null!=class1_id){
level_id = 3;
}
document.location =root_url + "pages/navigation/gotoKBNavi.do?actionFlag=navigateFromAssociation&colID=<%=kc_colID%>&proline_id="+proline_id+"&profamily_id="+profamily_id
+"&proproduct_id="+proproduct_id+"&class1_id="+class1_id+"&level_id="+level_id;
}
//点击查找按钮
function onFindButton(){
var productName = $("#inputProductSearch").val();
if(productName=="<bean:message key='support.navigate.auto.think.inputInfo'/>"){
productName="";
}
if("" != productName && 0 != productName.length){
$("#searchProduct").attr('action',root_url + "pages/navigation/gotoKBNavi.do?actionFlag=autoThinkNewPage&colID=<%=kc_colID%>");
$("#searchProduct").submit();
}else{
alert("<bean:message key='support.navigate.auto.think.inputInfo'/>");
return false;
}
}
分享到:
相关推荐
4. **高级功能与自定义** - **数据源**:除了静态数组,Autocomplete 还支持从 JSON、AJAX 或者函数返回的数据源。 - **事件监听**:提供了多种事件,如 `select`(选中建议项时触发)、`open`(下拉菜单打开时...
4. **事件绑定**:插件还提供了多个事件,如`autocompleteselect`、`autocompletechange`等,开发者可以监听这些事件来执行自定义操作。例如,当用户选择一个联想项时,可以触发一个回调函数,用于更新其他页面元素...
### 4. 示例代码 在提供的压缩包`test`中,应该包含了一个简单的演示页面,可以直接运行查看效果。这个例子展示了如何配置和使用jQuery Autocomplete.js,以及如何与服务器进行交互,实现动态数据加载和选中项的...
jQuery Autocomplete是一款非常实用的JavaScript插件,它允许用户在输入框中输入文字时,根据已有的数据集动态提供补全建议。这个功能在许多Web应用中被广泛使用,如搜索框、表单输入等。在给定的“jquery ...
4. **数据源**:如果你的数据源来自服务器,可以使用`ajax`请求。例如: ```javascript $("#yourInputField").autocomplete({ source: function(request, response) { $.ajax({ url: "/yourServerEndpoint", ...
4. **数据源**:数据源可以是静态数组,也可以是从服务器动态获取的JSON数据。当用户开始输入时,插件会根据输入的内容从数据源中查找匹配项。 5. **自定义行为**:你可以设置各种回调函数,如`select`(用户选择某...
jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的
4. 根据需要,可以通过监听特定事件,如`select`或`change`,来处理用户的选择行为。 在实际应用中,jQuery Autocomplete可以广泛应用于搜索框、地址输入、产品推荐等多个场景。例如,在电子商务网站上,当用户在...
### 4. 自定义样式 `jquery.autocomplete.css` 文件包含了默认的样式,你可以根据项目需求进行修改,以适应不同的布局和设计风格。 ### 5. 示例代码 在压缩包中的 `jquery.autocomplete使用方法.txt` 文件,应该...
### 4. 实战应用 jQuery Autocomplete 可以用于各种场景,如搜索框、地址输入、产品推荐等。通过自定义 `source` 和 `select` 事件,可以实现与后端服务的交互,提供动态的实时建议。 总结,jQuery Autocomplete ...
《jQuery Autocomplete插件详解与应用实践》 在Web开发中,提高用户体验是至关重要的,而自动完成(Autocomplete)功能则是实现这一目标的有效手段之一。jQuery库中的Autocomplete插件,通过简单易用的API,帮助...
### 4. 数据源 - **数组**:可以直接传入一个包含建议项的数组,如 `["Apple", "Banana", "Cherry"]`。 - **函数**:可以返回一个包含建议项的数组,根据输入的参数(通常是用户的输入)动态生成数据。 - **远程...
Widgets是jQuery UI的核心,包括Accordion(手风琴效果)、Autocomplete(自动补全)、Dialog(对话框)等。Effects则提供了各种动画效果,如Fade(淡入淡出)、Slide(滑动)等。Position模块提供了元素相对定位的...
4. **本地获取数据**: 对于小规模的数据集,可以将数据预先存储在JavaScript数组中,然后直接使用这些数据进行自动补全。这种方式无需服务器交互,响应速度更快。 5. **基本使用方法**: 要使用jQuery ...
### 4. 初始化 Autocomplete 使用 jQuery 选择器找到输入框,并调用 `autocomplete` 方法来初始化插件。你需要提供一个数据源(可以是静态数组或动态 URL),以及可选的配置参数: ```javascript $("#autocomplete...
### 4. 远程数据源 如果数据源来自服务器,可以通过 AJAX 调用来实现: ```javascript $(document).ready(function() { $('#autocomplete-input').autocomplete({ source: function(request, response) { $....
`jQuery-autocomplete` 是一个基于 jQuery 的开源插件,用于实现自动补全功能。这个插件使得在网页表单输入框中快速、高效地提供下拉建议变得简单易行,提高了用户界面的交互性和用户体验。它广泛应用于搜索引擎、...
`jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大地提升了用户体验。这个组件能够从服务器或者本地数据源获取数据,并在用户输入时动态显示匹配项。在某些情况下,我们可能需要...
《jQuery.Autocomplete 中文支持》 jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据...
### 4. 使用 AJAX 数据源 如果你的数据源是动态获取的,可以通过 `source` 选项设置一个返回 JSON 数据的 URL,或者提供一个返回 Promise 的函数。例如: ```javascript $("#autocomplete-input").autocomplete({ ...