★★★★★要死了：如何做一个自动匹配的多列下拉框（求源码 ★★★★

Question

//这为上面的JS代码　保存为【xiala.js】
var dropShow=false
var currentID
function dropdown(el){
if(dropShow){
dropFadeOut()
}else{
currentID=el
el.style.visibility="visible"
dropFadeIn()
}
}
function dropFadeIn(){//选单淡入的效果
if(currentID.filters.alpha.opacity<100){
currentID.filters.alpha.opacity+=20
fadeTimer=setTimeout("dropFadeIn()",50)
}else{
dropShow=true
clearTimeout(fadeTimer)
}
}
function dropFadeOut()
{//选单淡出的效果
if(currentID.filters.alpha.opacity>0){
clearTimeout(fadeTimer)
currentID.filters.alpha.opacity-=20
fadeTimer=setTimeout("dropFadeOut()",50)
}else{
dropShow=false
currentID.style.visibility="hidden"
}
}
function dropdownHide(){
if(dropShow){
dropFadeOut()
dropShow=false
}
}
function hiLight(el){//高亮度显示指标位置
if(dropShow){
for(i=0;i<el.parentElement.childNodes.length;i++){
el.parentElement.childNodes(i).className="link_record0"
}
el.className="link_record1"
}
}
function CheckMe(el){//替换显示内容
document.all.text1.innerText=el.innerText
}
document.onclick=dropdownHide

Answer 1

你在输入的时候加个事件，onpropertychange，里面写代码，执行你的匹配即可，js有相应的函数

Answer 2

楼上说得对！覆盖了原来得在onChange()方法。

Answer 3

这里有一个，可惜没你的华丽可输入下拉框（不相似移除）：
http://jkisjk.vip.sina.com/html/EditableSelect1.htm可输入下拉框（不相似不移除）：
http://jkisjk.vip.sina.com/html/EditableSelect2.htm

Answer 4

To JK_10000(JK):
代码我试过了，不过问题是反应很慢！如果下拉项目在1000条左右的时候，打开网页最少需要10秒钟，运行的过程好象死机一样，不知道怎么解决？毕竟，我们只有在可选择条目太多的时候才会应用这种文本框。

Answer 5

回复人： sspanzervor(白瑞德) ( ) 信誉：94  2005-02-28 15:13:00  得分: 0  
-----
果然很慢，多谢提醒。代码已作了些改动，
不过也没多大长进
在一千三百笔记录的情况下，
打页页面由之前的十多秒缩短为四秒左右
运行时的onpropertychange的反应时间为两到三秒。另外，那个链接已过期，
现在没有去续费，所以无法管理。
如果你需要的话，欢迎邮件联系：[email protected]另：关于“可选择条目太多的时候才会应用这种文本框”
最取始做它是因为要处理可以输入下拉框之外的值，才做的这个下拉框
所以也没有考虑选项很多的情况。