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

浏览:4013 发布日期:2015/04/15 分类:用法示例 关键字: 自动输入 搜索框 jQuery特效
通过jQuery ui的autocomplete插件,调用PHP数据来完成自动输入功能。


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