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

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

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

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

相关插件-自动完成

前端模拟自动检测功能

jQuery前端模拟自动检测功能插件AutoCheck.js
  自动完成
 4586  81

货币大写金额转换插件ChinaNumToEnglishNum.js

货币大写金额转换插件ChinaNumToEnglishNum.js在线将阿拉伯数字转换成中文大写、人民币大写转换工具
  自动完成
 3942  54

jQuery自动完成插件autocompleter

autocompleter是一个简单的,容易的,可定制的自动完成功能插件,支持缓存。
  自动完成
 54501  85

jQuery计算字符长度插件textSum.js

jQuery自动计算输入框可输入字符长度
  自动完成
 1124  17

讨论这个项目(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
        看到你留言晚了,不知道你解决了没?没解决我帮你
    回复
取消回复