>  기사  >  php教程  >  搜索框自动输入(jQuery结合PHP+Mysql)

搜索框自动输入(jQuery结合PHP+Mysql)

WBOY
WBOY원래의
2016-06-07 11:39:031555검색

通过jQuery ui的autocomplete插件,调用PHP数据来完成自动输入功能。
搜索框自动输入(jQuery结合PHP+Mysql)

页面底部有演示、免费下载链接。若是想看更多js特效网站源码js教程请访问 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。1、<br> 首先加载jQuery库和autocomplete相关组件:<br> <link>  <br> <script></script>  <br> <script></script>  <br> <script></script>  <br> <script></script>  <br> <script></script><br> 然后我们加一个搜索框,用来自动完成输入功能:<br> <input><br> 2、<br> 最后远程调用ajax.php返回json数据:<br> $(function(){  <br>     $("#keywords").autocomplete({  <br>         source: "ajax.php",  <br>         minLength: 1  <br>     });  <br> });查看该特效演示及免费下载,请访问http://www.sucaihuo.com/js/51.html

AD:真正免费,域名+虚机+企业邮箱=0元

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.