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

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

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

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

相关插件-自动完成

jQuery字符数限制插件countStr

jQuery字符数限制插件countStr,显示当前输入的字符数和对其数量进行限制。
  自动完成
 20906  311

input改变vlue内容实时放大回显

一般为输入金额时使用,带三位数逗号分隔功能,简洁易用
  自动完成
 22348  323

jQuery移动端购物车功能(原创)

jQuery移动端购物车结算
  自动完成
 26856  353

latex在线公式编辑器汉化版

方便教育行业管理、录入数学公式、化学公式、物理公式等常规编辑器不具备的编辑功能,此版本已经汉化,可以直接使用,功能简单强大,textarea区域可以替换成富文本编辑器,这里只简化为一个文本域,输出图片格式的公式。暂时只发这个版本,后续会考虑把和mathjax结合输出html结构的案例发上来。
  自动完成
 59737  331

讨论这个项目(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上不好使,有什么方法解决吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复