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

最新推荐文章于 2024-07-12 10:43:17 发布

weixin_30364147

最新推荐文章于 2024-07-12 10:43:17 发布

阅读量64

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/banana2008/p/4763260.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4 <meta charset="UTF-8">
 5 <title>练习</title>
 6 <script src="js.js"></script>
 7 <script src="jquery-1.9.1.min.js"></script>
 8 <script src="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

效果：

转载于:https://www.cnblogs.com/banana2008/p/4763260.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30364147

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery输入框提示自动完成插件 autocomplete

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>练习</title> 6 <script src="js.js"></script> 7 <script s...
复制链接

扫一扫