<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'autSelect.jsp' starting page</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
</head>
<body>
This is my JSP page. <br>
<input type="text" name="q" id="query11" />
<div class="search_item_content">
<b>商品搜索</b>
<input type="text" name="q" id="query" value=""/>
<input type="submit" value="搜索" class="btn" />
</div>
<script type="text/javascript">
var options, a;
jQuery(function(){
//options = { serviceUrl:'http://localhost:8088/JQuery/servlet/DataJson' };
$('#query').autocomplete({
serviceUrl:'jsondata.json',
minChars:1,
delimiter: /(,|;)\s*/, // regex or character
maxHeight:400,
width:300,
zIndex: 9999,
deferRequestBy: 0, //miliseconds
//params: { country:'Yes' }, //aditional parameters
noCache: false, //default is false, set to true to disable caching
// callback function:
onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); },
// local autosugest options:
lookup: ['Januarssssss','Java','Jack','Jason','Jawa', 'February', 'March', 'April', 'May'] //local lookup values
});
});
</script>
</body>
</html>
分享到：
相关推荐
jQuery自动填充表单功能代码是一款利用jQueryUI的autocomplate工具实现表单的自动填充功能，数据可通过ajax从后台获取，或者从文本文件中获取都可。
jquery自动填充搜索框是一款基于jquery css3实现的自动完成库搜索框特效。 jquery自动填充搜索框演示图： 点击查看演示：
一个jquery插件，可以实现智能匹配。调用较为方便。
这是一个利用jQuery实现的自动填充插件。支持ID字段，支持为下拉条目添加缩略图和描述，支持选中条目时就提交表单。这个插件还提供了一个基于PHP的服务端实现。演示地址：http://www.jq22.com/jquery-info425
AutoComplete控件就是在用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便。
jquery自动填充搜索框是一款基于jquery+css3实现的自动完成库搜索框特效。 jquery自动填充搜索框演示图： 点击查看演示：
Jquery Ajax 实现自动填充地址。
jquery自动填充勾选框，即把勾选框打上（true），然后通过ajax方式获得勾选项列表，再把列表内的选项打上
jQuery Mobile 表单自动填充 支持input textare radio checkbox select 等标签
代码简介：jQuery底部自动填充瀑布流代码是一款比较简洁的jQuery瀑布流代码，不到100行代码却能兼容所有主流浏览器。
NULL 博文链接：https://canrry.iteye.com/blog/750679
jQuery自动底部填充对齐的瀑布流布局.zip
日本都道府县填充，邮编自动填充基于jquery.zip2addr.js实现
清除input在浏览器中自动填充用户名等的情况，JQuery解决，IE8 ，chrome等均可以使用。