[Java web]-- jquery自动填充input框(如百度搜索一样,出现模糊提示)

一、基本思路如下

 

第一个html页面:



   
    页面
   
   
   
   


 
input框1:
input框2:


 

二、ajax举例说明

 

jsp页面:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




 
   
    
    客户选择门店页面


   







 
   


 


城市:


门店名称:







 

三、注意

 

1、ajxa返回值格式:如,“123,,2121,424,2321,”一定要在action中处理成以逗号分隔的字符串

2、autocomplete()函数不能放在ajax调用的函数体内

 

四、效果图

图1、[Java web]-- jquery自动填充input框(如百度搜索一样,出现模糊提示)_第1张图片

图2、

[Java web]-- jquery自动填充input框(如百度搜索一样,出现模糊提示)_第2张图片

 

 

注:以上测试通过,可以根据自己需要就行修改,如有不清楚之处,敬请留言!

 

 

 

 

你可能感兴趣的:(UI前端)