首页 > Js/Jquery

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

发表于2015-07-17 15:23:09| --次阅读| 来源webkfa| 作者js,javascript

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

1. 实现的方法

1 /*
 * js实现的文本框的自动完成功能
 */
function doAutoComplete(textid,dataid,url){
    $("#" + textid).autocomplete({
        serviceUrl: url,
        paramName: "name",
        delimiter: ",",
        transformResult: function(response) {                
            return {                    
                suggestions: $.map($.parseJSON(response), function(item) {    
                    return { value: item.tagName, data: item.id };
                })                    
            };                
        },
        onSelect: function (suggestion) {
            $("#" + dataid).val(suggestion.data);
        } 
    });
};
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的下载地址

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1