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

王朝学院·作者佚名  2016-08-27  
宽屏版  字体:  |  |  | 超大  

1<!DOCTYPE html>2<html>3<headlang="en">4<metacharset="UTF-8">5<title>练习</title>6<scriptsrc="js.js"></script>7<scriptsrc="jquery-1.9.1.min.js"></script>8<scriptsrc="jquery.autocomplete.min.js"></script>9</head>10<body>11<formaction="">12<inputtype="text"name="country"id="autocomplete"/>13</form>1415</body>16<script>17varcountries=[18{ value:'Andorra', data:'AD'},19//...20{ value:'Zimbabwe', data:'ZZ'}21];2223$('#autocomplete').autocomplete({24lookup: countries,25onSelect:function(suggestion) {26alert('You selected:'+suggestion.value+','+suggestion.data);27}28});2930</script>31</html>

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

效果:

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有