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

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

 88680  428  查看评论 (38)
分享到微信朋友圈
X
仿百度自动补全搜索框效果 ie兼容6

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

相关插件-自动完成

vue车检时间计算器

基于vue实现的车辆计算下次车检的日期
  自动完成
 9628  132

剩余字数

1.实时计算剩余字数;2.超过最大字数输入无效;3.兼容手机输入;4.jQuery版;
  自动完成
 28467  375

jQuery带比例要求的计算器

个别需求,jQuery不同公式计算装配率。例如装修行业。
  自动完成
 22243  302

jQuery内容查找高亮

支持中英文文本内容查找,不区分大小写支持跨标签内容查找支持追踪显示下一个。这个插件虽然简单不过网上仅此一份其他的查找都不可以支持跨标签查找内容并高亮
  自动完成
 24773  337

讨论这个项目(38)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    石头 0
    2019/9/23 11:21:03
    Uncaught TypeError: Cannot set property 'left' of undefined 回复
    zee33 0
    2019/1/3 14:09:59
    怎么能限制结果的条目数量,比如只显示5条。
        许尊少0
        2019/1/3 14:11:18
        接口只返回5条数据即可,数据层最好后端处理,前端处理会影响性能
        zee330
        2019/1/3 15:06:12
        现在他们需求就是后端把结果和你DEMO一样把结果全打出来,前端控制只显示5条。
    回复
    我是程序员 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>
        丁峰0
        2018/6/30 13:27:32
        用的搜狗的搜索,提供的关键字啊
    回复
    伴我久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上不好使,有什么方法解决吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复