备注说明：①index.jsp为主页面，提供输入
②getdata.jsp为业务处理部分，可以替换为action或者servlet形式
③DummyDB.java为数据匹配处理类
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<link href="jquery.autocomplete.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<style>
input {
font-size: 120%;
}
</style>
</head>
<body>
<h3>Country</h3>
<input type="text" id="country" name="country"/>
. <script>
$("#country").autocomplete("getdata.jsp");
</script>
</body>
</html>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="com.hzp.DummyDB"%>
<%
DummyDB db = new DummyDB();
String query = request.getParameter("q");
List<String> countries = db.getData(query);
Iterator<String> iterator = countries.iterator();
while (iterator.hasNext()) {
String country = (String) iterator.next();
out.println(country);
}
%>
package com.hzp;
import java.util.ArrayList;
import java.util.List;
import java.util.StringTokenizer;
public class DummyDB {
private int totalCountries;
private String data = "Afghanistan, Albania, bmw, Zimbabwe";
private List<String> countries;
public DummyDB() {
countries = new ArrayList<String>();
StringTokenizer st = new StringTokenizer(data, ",");
while (st.hasMoreTokens()) {
countries.add(st.nextToken().trim());
}
totalCountries = countries.size();
}
public List<String> getData(String query) {
String country = null;
query = query.toLowerCase();
List<String> matched = new ArrayList<String>();
for (int i = 0; i < totalCountries; i++) {
country = countries.get(i).toLowerCase();
if (country.startsWith(query)) {
matched.add(countries.get(i));
}
}
return matched;
}
}
分享到：
相关推荐
jquery输入框提示自动完成功能jquery输入框提示自动完成功能jquery输入框提示自动完成功能jquery输入框提示自动完成功能
jquery输入框不能超过指定的数，如果超过不能输入，jquery输入框不能超过指定的数，如果超过不能输入jquery输入框不能超过指定的数，如果超过不能输入 绝对优美的控制
jquery输入框随输入字符长度自动增长
jquery输入框提示插件input输入框文字下拉提示添加标签代码
jquery输入框动态填充，例子
jQuery支持模糊查询下拉框菜单选择代码
效果：在输入框中输入文字，点击“添加”后，将输入框中的内容动态添加到顶部，效果很不错 使用方法： 1、在网页head中增加css样式 2、将html复制到你需要的地方 3、在网页底部调用本案例五个js代码即可搞定
jQuery输入框下拉选择菜单是一款jQuery模拟select下拉框分页菜单插件，点击输入框弹出下拉分页菜单选择列表，支持下拉，分页，键盘操作等功能代码。
插件描述：jQuery输入框数值加减调整0到100插件. 参考示例：http://www.jq22.com/jquery-info4982
jQuery输入框创建标签代码是一款输入框输入文字空格键来创建标签，支持删除创建多个标签代码。 jQuery输入框创建标签代码截图
jQuery 输入框提示插件.zip
jQuery输入框创建关键词标签代码是一款在文本框内输入文字然后按空格键可添加标签，可添加或删除多个标签。
这是一款炫酷的jquery输入框键入文字动画特效。该文字特效在用户键入字母时，通过jquery代码来制作文字的动画效果，非常炫酷。
Html利用jquery对输入框机上水印
这是一款强大实用的多功能jQuery输入框下拉选择菜单插件，点击文本框弹出下拉菜单选择列表，支持下拉，分页，键盘操作等功能。
jQuery输入框密码显示隐藏代码.zip
jquery输入框增加列表代码是一款在输入框中输入文字，点击添加后，将输入框中的内容动态添加到顶部，效果很不错。
jquery.mask.js是一款jQuery输入框限制输入内容格式插件。该插件可以通过指定的规则来限制用户在输入框中输入的内容，例如限制日期格式，限制电话号码格式等，非常实用。
jQuery输入框自动提示车牌号码验证效果, 输入车牌号，下方提示，例如输入w ,则出现皖 ,这样的一个效果，在商城网站或者企业网站都会用到搜索的功能，与此功能类似，可以参考，php中文网推荐下载！
jQuery 输入框模糊查询