jQuery搜索框下拉提示功能代码

来源:https://www.sucaihuo.com/js/2701.html 2017-08-12 19:21浏览(2059) 收藏

简单实用的jQuery搜索框下拉提示功能代码,jQuery仿百度搜索框自动联想补全代码,autocomplete输入框文字智能提示特效。
jQuery搜索框下拉提示功能代码
分类:表单代码 > 搜索框 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="dist/jquery.js"></script>
<script type="text/javascript" src="dist/autocomplete.js"></script>
<script type="text/javascript">
var proposals = [ '百度','素材火','百度','新浪'];

$(document).ready(function(){
	$('#search-form').autocomplete({
		hints: proposals,
		width: 300,
		height: 30,
		onSubmit: function(text){
			$('#message').html('Selected: <b>' + text + '</b>');			
		}
	});
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2