首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > J2SE开发 >

jquery自动完成如何实现动态

2013-06-19 
jquery自动完成怎么实现动态下面是jquery.autocomplete.min.js的一个简单的例子。我想问是的怎么动态的跟后

jquery自动完成怎么实现动态
下面是jquery.autocomplete.min.js的一个简单的例子。
我想问是的怎么动态的跟后台交互,不是写死的,而是从数据库里面得到的。本人小白,最好是能有一个实例。前台后台的都有最好了。谢谢

<script type="text/javascript">
         var emails = [
             { name: "Peter Pan", to: "peter@pan.de" },
             { name: "Molly", to: "molly@yahoo.com" },
             { name: "Forneria Marconi", to: "live@japan.jp" },
             { name: "Master <em>Sync</em>", to: "205bw@samsung.com" },
             { name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },
             { name: "Don Corleone", to: "don@vegas.com" },
             { name: "Mc Chick", to: "info@donalds.org" },
             { name: "Donnie Darko", to: "dd@timeshift.info" },
             { name: "Quake The Net", to: "webmaster@quakenet.org" },
             { name: "Dr. Write", to: "write@writable.com" },
             { name: "GG Bond", to: "Bond@qq.com" },
             { name: "Zhuzhu Xia", to: "zhuzhu@qq.com" }
         ];
 
             $(function() {
                 $('#keyword').autocomplete(emails, {
                     max: 12,    //列表里的条目数
                     minChars: 0,    //自动完成激活之前填入的最小字符
                     width: 400,     //提示的宽度,溢出隐藏
                     scrollHeight: 300,   //提示的高度,溢出显示滚动条
                     matchContains: true,    //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
                     autoFill: false,    //自动填充
                     formatItem: function(row, i, max) {
                         return i + '/' + max + ':"' + row.name + '"[' + row.to + ']';


                     },
                     formatMatch: function(row, i, max) {
                         return row.name + row.to;
                     },
                     formatResult: function(row) {
                         return row.to;
                     }
                 }).result(function(event, row, formatted) {
                     alert(row.to);
                 });
             });
     </script>


JavaScript jQuery
[解决办法]
虽然.没给你什么具体例子.但是还是有建议的.你可以用ajax来说实现这样的异步刷新功能!可以实现前后台的动态功能,并且是从后台数据库中获得的数据!

热点排行
Bad Request.