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

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

 36392  106  查看评论 (32)
仿百度自动补全搜索框效果 ie兼容6

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

相关插件-自动完成

jQuery自动跳格插件Autotab

Autotab是一个jQuery插件,它提供自动跳格和过滤的表单中的文本字段。最大字符数已在文本字段内达成,焦点会自动设置为一个定义的元素。同样,清理出文本字段的内容按退格键最终会将焦点上一个元素上。
  自动完成
 9669  16

jQuery自动补全插件completer

jQuery自动完成自动补全插件completer
  自动完成
 10159  90

jquery模糊搜索查询

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

js脚本房贷计算器

js脚本房贷计算器、住房贷款计算器、 公积金贷款计算器
  自动完成
 8583  45

讨论这个项目(32)回答他人问题或分享插件使用方法奖励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,但是会和你的自定义的$方法,冲突,有什么方法解决吗???

    回复
    诗涵艺馨 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
        看到你留言晚了,不知道你解决了没?没解决我帮你
    回复
取消回复