PHP jQuery json搜索框输入提示示例

简单介绍

文章导读：PHP jQuery json搜索框输入提示特效，运用了JSON技术实现的ajax搜索提示，当用户在搜索框输入内容时，可显示出可能的内容列表，会智能匹配搜索项，用户可通过鼠标选择这些匹配项，免去用户操作的麻烦。另外本效果也可用户标签输入提示。

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、用户通过单击调用显示在列表中的内容项，会自动将所选内容项添加到输入框中，无需手动输入。