码迷,mamicode.com
首页 > Web开发 > 详细

基于JQuery实现的文本框自动填充功能

时间:2015-07-16 15:45:37      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

1. 实现的方法

技术分享
 1 /*
 2  * js实现的文本框的自动完成功能
 3  */
 4 function doAutoComplete(textid,dataid,url){
 5     $("#" + textid).autocomplete({
 6         serviceUrl: url,
 7         paramName: "name",
 8         delimiter: ",",
 9         transformResult: function(response) {                
10             return {                    
11                 suggestions: $.map($.parseJSON(response), function(item) {    
12                     return { value: item.tagName, data: item.id };
13                 })                    
14             };                
15         },
16         onSelect: function (suggestion) {
17             $("#" + dataid).val(suggestion.data);
18         } 
19     });
20 };
doAutoComplete

2. 调用方法

<script src="<c:url value="/scripts/jquery/jquery.1.10.2.min.js" />"></script>
<script src="<c:url value="/scripts/jquery/jquery.autocomplete.min.js" />"></script>
<script src="<c:url value="/scripts/my.js" />"></script>

<script type="text/javascript">
  doAutoComplete("userName","userId","${pageContext.request.contextPath}/userform/getUserList");
</script>

 

附:jquery.autocomplete.js的下载地址

基于JQuery实现的文本框自动填充功能

标签:

原文地址:http://www.cnblogs.com/disappearwind/p/4651078.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!