PHP jQuery json搜索框输入提示特效,运用了JSON技术实现的ajax搜索提示,当用户在搜索框输入内容时,可显示出可能的内容列表,会智能匹配搜索项,用户可通过鼠标选择这些匹配项,免去用户操作的麻烦。另外本效果也可用户标签输入提示效果,匹配项会智能填充背景,并添加删除功能,在一些大网站,经常见到这种效果,希望本源码会对你有所帮助。
安装说明:
1、fetched.php 搜索框或标签输入框的下拉提示内容,一般情况下,此文件的内容取自数据库,需要和MYSQL等结合,从数据库中读取管理员或用户在添加文章时的标签信息,按照数组格式生成在fetched.php中。
2、在form表单结束处,添加以下代码调用fetched.php看的内容,如下代码所示:
<script language="JavaScript">
$(document).ready(function() {
$.facebooklist('#facebook-demo', '#preadded', '#facebook-auto','fetched.php', 10);
});
</script>
3、用户通过单击调用显示在列表中的内容项,会自动将所选内容项添加到输入框中,无需手动输入。
标签:
PHP jQuery json搜索框输入提示示例1.0 源码链接:https://www.hycodes.cn/zzlm/2284.html
下载说明:本站部分资源供学习交流使用,如商业用途,请购正版。
上一篇:咖啡蜘蛛池
下一篇:妃子群控源码授权平台系统