基本信息
源码名称:边输入边搜索(autocomplete)
源码大小:0.03M
文件格式:.zip
开发语言:js
更新时间:2020-09-28
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 1 元×
微信扫码支付:1 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
jQuery文本框自动联想补全特效
jQuery文本框自动联想补全特效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery文本框自动联想补全特效</title> <link rel="stylesheet" href="css/autocomplete.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/autocomplete.js"></script> <script type="text/javascript"> var proposals = ['百度1', '百度2', '百度3', '百度4', '百度5', '百度6', '百度7','呵呵呵呵呵呵呵','百度','新浪','a1','a2','a3','a4','b1','b2','b3','b4']; $(document).ready(function(){ $('#search-form').autocomplete({ hints: proposals, width: 300, height: 30, onSubmit: function(text){ $('#message').html('Selected: <b>' text '</b>'); } }); }); </script> </head> <body> <div id="search-form"></div> <div id="message"></div> </body> </html>