多级关联下拉选择框的高效实现

时间： 2021-07-31 作者：daque

<body><select name="s1"><option>须要javascript本领精确表露</select><select name="s2"></select><select name="s3"></select><select name="s4"></select>

//采用框的名字selector = [ "s1", "s2", "s3", "s4" ];

//采用项: "名字", "值", 子采用menu = ["地球","1", [ "华夏","86", [ "北京","bj", [ "--","1",null ], "四川","sc", [ "成都","28",null, "乐山","",null, "攀枝花","",null, "自贡","",null, "德阳","",null, "绵阳","",null ] ], "米国","1", [ "加利福尼亚","ca", [ "旧金山","1",null, "洛杉矶","2",null ], "华盛顿","wa", [ "西雅图","seattle",null ] ] ],"荧惑","2", [ "大峡谷","86", [ "小山丘","bj", [ "a地域","28",null, "b地域","",null, "c地域","",null ] ] ]];

function wizz(level){ if( level == 0 ) a = menu; else { str = "menu"; for( i=0; i<level; i++ ) str += "[" + (document.all[selector[i]].selectedindex * 3 + 2) + "]"; a = eval(str); } if( a == null ) return; s = document.all[selector[level]]; i = s.length; while( i > 0 ) s.options[--i] = null; while( i < math.floor(a.length/3) ) s.options[i] = option( a[i*3], a[i++*3+1] ); s.onchange = function("wizz(" + (level+1) + ")"); wizz(level+1);}

wizz(0);

//--></script>

</body></html>

多级关联下拉选择框的高效实现

相关推荐

推荐下载

热门阅览

最新排行