完善了以下功能:
1,中文传参,参数名称没有改动,仍是默认的q:
String toPage = request.getParameter("q");
page= new String(toPage.getBytes("ISO-8859-1"), "UTF-8");
2,支持上下翻页,并且文本框的值即时改动,和google、百度一个效果
3,鼠标事件,鼠标离开时层失去焦点,不锁定提示层
4,已经匹配的字用细体显示,未匹配的用黑体显示,
5,,增加提交之前的验证,比入输入中文时候需要敲空格,则输入之前不传参,
还有一些细微的完善,此处不赘述,需注意的是,若需实现本人完善的效果,需要另存本人的jquery.autocomplete.js文件,以及jquery.autocomplete.css文件,另外几个文件,请到官网下载:http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
jquery.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="js/jquery-latest.js"></script>
<link rel="stylesheet" href="js/jquery.autocomplete.css" type="text/css" />
<script type="text/javascript" src="js/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
$("#example").autocomplete("Jquery");
});
</script>
</head>
<body>
API Reference: <input id="example" size=40/> (try "C" or "E")
</body>
</html>
jquery.autocomplete.js代码如下:
/**
* 此js为本人修改完善版,以下功能
* ---李小朋 2:45 2010-10-31
**/
;(function($) {
$.fn.extend({
autocomplete: function(urlOrData, options) {
var isUrl = typeof urlOrData == "string";
options = $.extend({}, $.Autocompleter.defaults, {
url: isUrl ? urlOrData : null,
data: isUrl ? null : urlOrData,