首先网页中有一个隐藏的所有候选项的列表,然后你在输入框中每次按下按键输入的时候,会触发事件(例如keydown,keyup等),事件里面会执行模糊匹配,依次判断列表中的每个选项是否包含你输入的内容。把包含的选项显示出来就是你看到的效果了
如果没有那很可能是每次你输入内容的时候,触发的事件函数里有ajax请求,向后台服务器查询包含你输入内容的选项,然后服务器返回结果,在页面上动态显示。
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(i).selected = true;
return;
}
}
for (i=0;i
selectName.options(i).selected = true;
return;
}
}
}
//功能:当text得到焦点时,清空内容
//描述:同上
//参数:oText,触发该函数的text元素。
function txtOnfocus(oText){
oText.value="";
}
文本框使用 onkeyup事件
首先网页中有一个隐藏的所有候选项的列表,然后你在输入框中每次按下按键输入的时候,会触发事件(例如keydown,keyup等),事件里面会执行模糊匹配,依次判断列表中的每个选项是否包含你输入的内容。把包含的选项显示出来就是你看到的效果了
如果没有那很可能是每次你输入内容的时候,触发的事件函数里有ajax请求,向后台服务器查询包含你输入内容的选项,然后服务器返回结果,在页面上动态显示。
提问者评价
谢谢!