$(function(){
// 自动补全
var maxcount = 0;// 表示他最大的值
var thisCount = 0;// 初始化他框的位置
$("body").prepend("<div style='width:120px; display:none; background:#FFFFFF; position: absolute;' id='autoTxt'></div>");
$("#subk").keyup(function(even){
var v = even.which;
if (v == 38 || v == 40 || v == 13)// 当点击上下键或者确定键时阻止他传送数据
{
return;
}
var txt = $("#subk").val();// 这里是取得他的输入框的值
if (txt != "") {
// 拼装数据
$.ajax({
url: "GetCompleteServelt",// 从后台取得json数据
type: "post",
data: {
"queryString": txt
},
timeout: 1000,
success: function(data){
var ls = eval('(' + data + ')');
var offset = $("#subk").offset();
$("#autoTxt").show();
$("#autoTxt").css("top", (offset.top + 33) + "px");
$("#autoTxt").css("left", (offset.left - 7) + "px");
$("#autoTxt").css("width", 532 + "
js自动补全功能实现代码
于 2012-02-02 12:45:05 首次发布
这段JavaScript代码展示了如何创建一个自动补全功能。它使用AJAX从后台获取JSON数据,并在用户输入时动态显示建议列表。当用户选择一个建议项时,会提交表单到指定的Servlet。
摘要由CSDN通过智能技术生成