尽情讨论:多级关联下拉选择框的做法
老是看到高分的求多级关联方法,其实用下面方法就简单(昨天随手写的)
<select name=one></select>
<select name=two></select>
<select name=three></select>
<select name=four></select>
<input name=result>
<script>
var arrSel=["one","two","three","four"];//arrSel定义了要修改的下拉框
var i=0,arrData=[];//arrData中搁的是数据,每条都显示各级的数据
arrData[i++]=["2000","4","14","一点"]
arrData[i++]=["2000","4","14","二点"]
arrData[i++]=["2000","4","18","三点"]
arrData[i++]=["2000","7","14","二点"]
arrData[i++]=["2001","6","15","二点"]
arrData[i++]=["2001","6","23","七点"]
arrData[i++]=["2001","8","18","二点"]
arrData[i++]=["2002","7","1","二点"]
arrData[i++]=["2002","7","1","三点"]
arrData[i++]=["2002","7","11","二点"]
arrData[i++]=["2002","7","19","二点"]
</script>
<script>
function qswhInit(num){
/******* by qiushuiwuhen(2002-5-15) ********/
var i,j,arrTemp=[];
for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
if(num==arrSel.length){//这里处理最后的数据。
document.all("result").value="选中了("+arrTemp[0]+","+arrTemp[1]+","+arrTemp[2]+","+arrTemp[3]+")";return;
}
with(document.all(arrSel[num])){
length=0
for(i=0;i<arrData.length;i++){
for(j=0;j<num;j++)if(arrTemp[j]!=arrData[i][j])break;
if(j!=num)continue;
if(length==0||options[length-1].text!=arrData[i][num])
options[length++].text=arrData[i][num];
}
onchange=new Function("qswhInit("+(num+1)+")");
onchange();
}
}
qswhInit(0);//初始化
</script>
写出来的目的是为了避免重复贴子,而且大家可以讨论一下如何才能更完善