通过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

评论() 相关

收藏

赞

hjl416148489

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。