html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AuCom.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="Js/jquery.autocomplete.css">
<link rel="stylesheet" href="css/style.css" type="text/css"></link>
<script type="text/javascript" src="Js/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Js/jquery.autocomplete.js"></script>
<script type="text/javascript" src="Js/acom.js"></script>
</head>
<body>
<input type="text" id="aa"/>
<!-- <span id="bb"></span>-->
</body>
</html>
js:
$(document).ready(function() {
$("#aa").autocomplete("/MyJs/MyTestServlet",{
max:4,
// delay: 400,
dataType:"json",
// extraParams:{"dept_id":1},//传过去的固定值
parse:function(data){
return maps=$.map(data[0].data,function(item,index){
return {
data:item,
value:item["id"]+"",
// value:item["id"]+"", //数字+""
result:function(){
return item["id"];
}
};
});
},
formatItem:function(row,index,len){//这里的row相当于data
// alert(row.tname);
return row.tname;
},
formatResult:function(v){
$("#aa").submit_id=v["id"];
return v.id;
}
});
});
分享到:
相关推荐
jquery autocomplete 动态补全例子支持中文 ajax传递json数据 文件里有json数据拼接
demo,可直接运行查看效果,实现的效果是:在输入框中输入汉字时触发keyup事件,即自动出现多个选项,选中某选项时自动将该选项值和所需属性填充到指定输入框中。
jQuery UI Autocomplete是jQuery UI的自动完成组件,通过ajax请求的JSON数组、JSONP来获取数据,实现自动补全功能
根据用户当前输入的关键字进行提示选择,一个简单demo例子,支持ajax 本地获取数据
java与jQuery整合ajax仿googleSuggest自动补全实例,以返回的json格式的数据对象
自己做了一个jQuery的AutoComplete插件,与官方的不同实现方式不同,里面带有例子 具体请看http://blog.csdn.net/luq885/archive/2007/05/27/1627389.aspx<br/>
jquery版autocomplete,废了好大劲找了一个例子,已经过改良,效果还不错
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
选择自动完成(在 style.autocomplete.css 中定义) 最大值结果显示的最大数量设置为null以禁用限制(会降低性能10 文件夹错误的没有结果没有结果时的文本显示没有结果钥匙参数数组空值价值值数组param1=value1¶m2=...
利用jquery.autocomplete插件利用js实现了自动补全功能。由于我的需要是结合sqlserver数据库表实现自动补全功能。就下来就是将数据库表转为js数组,自然而然就想到了ajax。 ² Asp.NetAjax的两种基本开发模式这篇...