placeholderapi插件怎么用
答案:2 悬赏:70 手机版
解决时间 2021-02-09 20:32
- 提问者网友:欲望失宠
- 2021-02-08 20:08
placeholderapi插件怎么用
最佳答案
- 五星知识达人网友:杯酒困英雄
- 2021-02-08 21:03
<br>1. 引入js文件和css文件:<br><br><link rel="stylesheet" href="jquery.autocomplete.css" /> <br><br><script type="text/javascript" src="jquery-1.7.1.min.js" ></script> <br><script type="text/javascript" src="jquery.autocomplete.js"></script> <br>2.插件参数配置: <br><script type="text/javascript"> <br> //本地数据<数组> <br> var data =["java","javaee","jquery","c++","css","html","htm5","bb","ejb","c#"]; <br> //开始 <br> $().ready(function () <br> { <br> $("#autoComplete").autocomplete(data, <br> { <br> minChars: 0, <br> max: 5, <br> autoFill: true, <br> mustMatch: true, <br> matchContains: true, <br> formatItem: function (data, i, total) { <br> return "<I>" + data[0] + "</I>"; <br> }, formatMatch: function (data, i, total) { <br> return data[0]; <br> }, formatResult: function (data) { <br> return data[0]; <br> } <br> }); <br> }); <br> //搜索数据 <br> function onSearch() <br> { <br> var nickName =$("#autoComplete").val(); <br> alert(nickName); <br> } <br></script> <br>3. 调用方法: <br> <input type="text" id="autoComplete" placeHolder="请输入要搜索的内容!"/> <br> <input type="button" name="btnSearch" onclick="onSearch();" value="搜索"/>
全部回答
- 1楼网友:末日狂欢
- 2021-02-08 21:56
搜一下:placeholderapi插件怎么用
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯