jquery autoComplete四：autothink.jsp续四-优快云博客

本文链接：https://blog.youkuaiyun.com/conquer0/article/details/83664608

本文介绍了一个使用jQuery实现的输入框自动完成功能，该功能通过调用特定URL来获取建议列表，并在用户选择列表项后执行页面跳转。此外还包含了搜索按钮点击事件处理逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//输入框自动完成调用函数入口，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;
}
}