社区
JavaScript
帖子详情
仿58的搜索提示功能问题
xiaoxu006
2013-04-18 03:34:46
仿58的搜索提示,可以汉字,全拼,汉字的字母,汉字拼音不全,这几种都提示。
麻烦各位高人,帮我想想这个是怎么实现的,最好有完整代码哈。
小弟先谢谢各位,积分100奉上。
...全文
107
5
打赏
收藏
仿58的搜索提示功能问题
仿58的搜索提示,可以汉字,全拼,汉字的字母,汉字拼音不全,这几种都提示。 麻烦各位高人,帮我想想这个是怎么实现的,最好有完整代码哈。 小弟先谢谢各位,积分100奉上。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xiaoxu006
2013-04-18
打赏
举报
回复
大家看看要求拼音,汉字,简称全部可以啊
hch126163
2013-04-18
打赏
举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <style type ="text/css"> html,body{width:100%;height:100%} ul{padding:0px;margin:0px;list-style:none;} li{cursor:pointer;padding:0px 5px; line-height:25px;height:25px;} </style> </head> <body> <p> <input type='text' id='txtInput' onkeyup='getSearchKeys()'/> <div id='divShow' style="position:absolute; z-index:9999; width:200px; height:auto; display:none;border:1px solid #ddd"> <ul> <li>aaa</li> </ul> </div> </p> </body> <script type="text/javascript"> var keys=['ada','sdfsd','bbb','sfga','dfhgfh','235s','dfew','ghjk','hjkghjk','fgjgfjf','fghjgfj','2345f','fthtr','sfgerw','tyerth','vnmu','wertewr','wert','asdfaf','zxcvd','gkju','dvfgdh','2354af','adsf','erterter','fghdfg','xvdfg','kjhu','qweasdas','xzce','werwre','zzczc','rtewtrew']; // 搜索值,可以用Ajax从数据库获取 var txtInput ; var divShow ; window.onload=function() { txtInput =document.getElementById("txtInput"); divShow = document.getElementById("divShow"); var p =getAbsPoint(txtInput); divShow.style.left = p.x +'px'; divShow.style.top = p.y + txtInput.offsetHeight + 'px'; txtInput.onclick = divShow.onclick=function(e) { e = e||event; var t = e.target||e.srcElement if(t.tagName.toLowerCase()=='li') { txtInput.value = t.innerHTML; divShow.style.display = "none"; return; } if(e && e.stopPropagation){ //W3C取消冒泡事件 e.stopPropagation(); }else{ //IE取消冒泡事件 window.event.cancelBubble = true; } }; document.body.onclick=function(e) { divShow.style.display = "none"; }; }; function getSearchKeys() { var s= txtInput.value; if(s=='') { divShow.style.display = "none"; return; } var arr=['<ul>']; for(var i=0;i<keys.length;i++) { if(keys[i].indexOf(s)>=0){ arr.push('<li>'+keys[i]+'</li>'); } } if(arr.length>1){ arr.push('</ul>'); divShow.innerHTML = arr.join(''); divShow.style.display = "block"; }else{ divShow.style.display = "none"; } } function getAbsPoint(e) { var x = e.offsetLeft; var y = e.offsetTop; while(e = e.offsetParent) { x += e.offsetLeft; y += e.offsetTop; } return {"x": x, "y": y}; } </script> </html>
xiaoxu006
2013-04-18
打赏
举报
回复
给个思路也好的啊
UEAnswer
2013-04-18
打赏
举报
回复
就是ajax动态去数据,前台监听inputText或者onchange等时间,再复杂点就做个javascript模块处理相应的前台操作.关键还是在ajax取得的数据.
张运领
2013-04-18
打赏
举报
回复
这个对前端来说,不就是加了个监听事件吗?在输入框有变更的时候,就把输入框的内容利用ajax传到服务器,根据服务器的返回信息,加载下面那些个提示,至于服务器端,如何进行这个模糊的匹配,这个的算法应该挺复杂的,你在这估计找不到。
仿
淘宝网程序无错版
58
、会员中心发布新商品:填写好商品信息后发布时要注意必填项必填,比如支付方式要勾选,否则发布商品后无法浏览商品信息。(修改
问题
) 59、商城店铺等级管理中,店铺执行“过期处理”后,在“过期处理”页中无...
JQuery&CSS;&CSS;+DIV实例大全.rar
1.JS+CSS
仿
腾讯QQ首页
搜索
框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...
微信小程序同城交易平台 多用户二手校园信息交易平台
仿
闲鱼
58
同城 毕业设计 指导
微信小程序同城交易平台 多用户二手校园信息交易平台
仿
闲鱼
58
同城 毕业设计 指导 01-项目导入、广告的设置 02-首页滚动文字广告和资讯列表 03-用户登录、用户
功能
概要、分享、留言等 04-我的定位和如何改变我的定位...
橄榄部落PLUS v1.0
仿
D4 会员精华帖统计及
仿
4.0精华区加入
搜索
作者 27.HACK名称: 在线时间 28.
仿
D4统计系统4.0版 29.论坛编辑时可以选择是否同时提升主题 30.可設定不同子版發表時選擇不同的主題 31.限时置顶...
汐汀街互动社区2005互动无插件版
60、首页上显示“建站天数”“帅哥”“靓妹” 61、关于DV7.0SP2不能锁定IP
问题
的简单解决方案 62、使含子级版面的版块显示图片而非数字 63、动网短信
仿
MSN
提示
窗口 64、list页面版主显示为下拉菜单方式
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章