仿百度自动补全搜索框效果

所属分类:输入-自动完成

 48766  118  查看评论 (33)
仿百度自动补全搜索框效果 ie兼容6

模仿百度搜索框或者商城类搜索框输入文字自动补全效果,同时方向键可以控制选择匹配列表中的一项,全部效果根据个人项目完善,此文件只是模拟出自动补全效果,不足之处请多多指教!

相关插件-自动完成

输入框自动提示,字母小写转大写

输入框输入车牌号,根据首字母自动提示车牌所属省份信息,并能自动字母小写转大写,限制输入长度
  自动完成
 7533  26

jQuery输入框数值加减调整插件

jQuery输入框数值加减调整0到100插件
  自动完成
 13499  54

jquery输入框邮箱下拉智能提示

jquery输入框邮箱下拉智能提示
  自动完成
 11654  105

jquery模糊搜索查询

可根据用户输入对应的关键词来筛选相关的内容
  自动完成
 17418  81

讨论这个项目(33)回答他人问题或分享插件使用方法奖励jQ币

    我是程序员 0
    2017/7/24 18:11:02

    不知道怎么下载

    回复
    没见过的海S 0
    2017/7/23 19:27:18

    和其他控件冲突,easyui grid冲突

    回复
    1874 0
    2017/4/5 11:09:20

    如果我项目中已经引入了jquery,但是会和你的自定义的$方法,冲突,有什么方法解决吗???

        yuwuy0
        2018/3/11 19:19:36
        不能也不建议修改jQuery的方法,你只能重写作者的代码了
    回复
    诗涵艺馨 0
    2016/10/19 19:10:45
    有点急!可以帮忙看看嘛?我想动态的从数据库获取数据 回复
    诗涵艺馨 0
    2016/10/19 19:10:44

    问,这个获取文本框的值是怎么获取的

    <body>
    	<div align="center" style="padding-top:50px">
    		<input type="text" style="width:300px;height:20px;font-size:14pt;" placeholder="请输入a或b模拟效果"
    		id="o" onkeyup="autoComplete.start(event)" />
    	</div>
    	<div class="auto_hidden" id="auto">
    		<!--自动完成 DIV-->
    	</div>
    	<script>
    		//在这里我需要知道你是怎么动态获取文本的值?   
    		var dataf = [];
    		$.ajax({
    			url: "../sousuo/sousuo.aspx/comp",
    			type: "POST",
    			dataType: "json",
    			data: "{ 'companyname': '" + targetVal + "' }",
    			contentType: "application/json; charset=utf-8",
    			//该属性表示前台请求到的数据为返回json数据格式的方法        
    			async: false,
    			success: function(data) {
    				dataf = eval(data.d);
    				//数组          
    			}
    		});
    		alert(dataf);
    		var autoComplete = new AutoComplete('o', 'auto', [dataf]);
    	</script>
    </body>
    回复
    伴我久Xin 0
    2016/8/15 11:08:31
    springmvc框架怎么用啊 回复
    不难过 0
    2016/5/19 16:05:02
    在IOS上输入的时候不会自动补全,但是删除一个字的时候会自动补全,求助
        许尊少1
        2016/5/23 11:05:33
        如果你在手机上使用的话,可以直接用jQuery.UI插件,自带自动补全方法,autocomplete
    回复
    不难过 0
    2016/5/19 16:05:06
    大神,这个搜索在IOS上不好使,有什么方法解决吗 回复
    稻草人 0
    2016/5/6 10:05:53
    大神,还是把js剥离出来的问题,能不能帮忙!
        许尊少1
        2016/5/6 11:05:55
        你把页面的js,拷贝出来,单独放一个js文件里,然后页面引入那个js文件就可以了
        空城天路客0
        2017/9/16 16:09:37

        很多浏览器都是自带的

    回复
    hansen1160 0
    2016/3/21 17:03:06
    大神,怎么把js 剥离出来,能不能剥离
        许尊少0
        2016/4/6 17:04:40
        看到你留言晚了,不知道你解决了没?没解决我帮你
    回复
取消回复