这是jquery的搜索框输入提示下载,仿百度与google的搜索框输入提示,支持键盘上下选择与鼠标点击选择。只包含前面代码,后台返回数据为模拟的数据。
jquery的搜索框输入提示是一个带有输入提示的html页面, 仿百度与google的搜索框输入提示,支持键盘上下选择与鼠标点击选择。只包含前面代码,后台返回数据为模拟的数据。
通过jquer来实现(A HTML page with input hints, implemented through jquer)。
jquery的搜索框输入提示输入、标签输入提示实例运用了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、用户通过单击调用显示在列表中的内容项,会自动将所选内容项添加到输入框中,无需手动输入。