PHPjQueryjson搜索框输入提示特效,运用了JSON技术实现的ajax搜索提示,当用户在搜索框输入内容时,可显示出可能的内容列表,会智能匹配搜索项,用户可通过鼠标选择这些匹配项,免去用户操作的麻烦。另外本效果也可用户标签输入提示效果,匹配项会智能填充背景,并添加删除功能,在一些大网站,经常见到这种效果,希望本源码会对你有所帮助。
安装说明:
1、fetched.php搜索框或标签输入框的下拉提示内容,一般情况下,此文件的内容取自数据库,需要和MYSQL等结合,从数据库中读取管理员或用户在添加文章时的标签信息,按照数组格式生成在fetched.php中。
2、在form表单结束处,添加以下代码调用fetched.php看的内容,如下代码所示:
<scriptlanguage="JavaScript">
$(document).ready(function(){
$.facebooklist('#facebook-demo','#preadded','#facebook-auto','fetched.php',10);
});
</script>
3、用户通过单击调用显示在列表中的内容项,会自动将所选内容项添加到输入框中,无需手动输入。