用js如何实现模糊查询带下拉菜单?

这个功能是怎么实现的,鼠标还能点进去,这些内容写在了<ul><li>里了。<div><inputtype="text"></div><divclass="daohang"... 这个功能是怎么实现的,鼠标还能点进去,这些内容写在了<ul><li>里了。
<div><input type="text"></div>
<div class="daohang">
<div class="yiji">一级导航</div>
<ul class="erji">
<li>二级导航1</li>
<li>二级导航2</li>
</ul>

<div class="yiji">一级导航</div>
<ul class="erji">
<li>二级导航3</li>
<li>二级导航4</li>
</ul>
</div>
导航里的内容如何实现图片的搜索模式?谢谢!
展开
 我来答
dreamseaKIK
2015-04-20 · TA获得超过670个赞
知道小有建树答主
回答量:463
采纳率:81%
帮助的人:182万
展开全部
首先网页中有一个隐藏的所有候选项的列表,然后你在输入框中每次按下按键输入的时候,会触发事件(例如keydown,keyup等),事件里面会执行模糊匹配,依次判断列表中的每个选项是否包含你输入的内容。把包含的选项显示出来就是你看到的效果了
如果没有那很可能是每次你输入内容的时候,触发的事件函数里有ajax请求,向后台服务器查询包含你输入内容的选项,然后服务器返回结果,在页面上动态显示。
趣事情
推荐于2018-03-01 · 知道合伙人互联网行家
趣事情
知道合伙人互联网行家
采纳数:517 获赞数:5452
电脑技术,软件开发。移动开发。网站建设相关专业知识。都可以提供解答和相关技术指导。

向TA提问 私信TA
展开全部
js模糊查询 定位select 下拉框

//功能:快速定位select中内容的方法
//描述:当txt中的内容变化时,下拉框的内容跟着定位。比如当在input中录入a时,select中定位到第一个有a开头的元素。
// 该方法是为选择炉号、选择钢号、选择生产号三个select元素用的。
//参数:selectName是select元素的名字,inputText是input中已经录入了的内容。

function txtOnChange(selectName,inputText){
if (selectName.selectedIndex!=-1){
selectName.options(selectName.selectedIndex).selected = false;
}
/*当selectName长度不固定时,短selectName的定位*/
for (i=0;i<selectName.options.length;i++){
if (selectName.options(i).text == inputText){
selectName.options(i).selected = true;
return;
}
}
for (i=0;i<selectName.options.length;i++){
if (selectName.options(i).text.indexOf(inputText)!=-1){
selectName.options(i).selected = true;
return;
}
}
}

//功能:当text得到焦点时,清空内容
//描述:同上
//参数:oText,触发该函数的text元素。

function txtOnfocus(oText){
oText.value="";
}

文本框使用 onkeyup事件
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
郭某人来此
2015-10-07 · TA获得超过1645个赞
知道答主
回答量:952
采纳率:100%
帮助的人:87万
展开全部
首先网页中有一个隐藏的所有候选项的列表,然后你在输入框中每次按下按键输入的时候,会触发事件(例如keydown,keyup等),事件里面会执行模糊匹配,依次判断列表中的每个选项是否包含你输入的内容。把包含的选项显示出来就是你看到的效果了
如果没有那很可能是每次你输入内容的时候,触发的事件函数里有ajax请求,向后台服务器查询包含你输入内容的选项,然后服务器返回结果,在页面上动态显示。
提问者评价
谢谢!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式