jquery自动完成插件怎么用

答案:1 悬赏:20 手机版

解决时间 2021-04-23 01:50

提问者网友：咪咪
2021-04-22 22:54

jquery自动完成插件怎么用

最佳答案

五星知识达人网友：独行浪子会拥风
2021-04-23 00:09

1. 引入js文件和css文件:<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="搜索"/>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！