星空网 > 软件开发 > Java

jQuery输入框提示自动完成插件 autocomplete

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>练习</title> 6 <script src='/images/loading.gif' data-original="js.js"></script> 7 <script src='/images/loading.gif' data-original="jquery-1.9.1.min.js"></script> 8 <script src='/images/loading.gif' data-original="jquery.autocomplete.min.js"></script> 9 </head>10 <body>11 <form action="">12 <input type="text" name="country" id="autocomplete"/>13 </form>14 15 </body>16 <script>17 var countries = [18 { value: 'Andorra', data: 'AD' },19 // ...20 { value: 'Zimbabwe', data: 'ZZ' }21 ];22 23 $('#autocomplete').autocomplete({24 lookup: countries,25 onSelect: function (suggestion) {26 alert('You selected: ' + suggestion.value + ', ' + suggestion.data);27 }28 });29 30 </script>31 </html>

插件可以到我的百度网盘下载:http://pan.baidu.com/s/1sj1egCd

效果:

jQuery输入框提示自动完成插件 autocomplete




原标题:jQuery输入框提示自动完成插件 autocomplete

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流