<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
<title>测试多维下拉列表</title>
<script type="text/javascript">
var arrUnit = new Array();
arrUnit[0] = new Array(0,"u01","unit1");
arrUnit[1] = new Array(0,"u02","unit2");
var arrDept = new Array();
arrDept[0] = new Array("u01","d01","department1");
arrDept[1] = new Array("u01","d02","department2");
arrDept[2] = new Array("u02","d03","department3");
arrDept[3] = new Array("u02","d04","department4");
var arrEmp = new Array();
arrEmp[0] = new Array("d01","e01","employee1");
arrEmp[1] = new Array("d02","e02","employee2");
arrEmp[2] = new Array("d03","e03","employee3");
arrEmp[3] = new Array("d04","e04","employee4");
arrEmp[4] = new Array("d03","e05","employee5");
arrEmp[5] = new Array("d04","e06","employee6");
function body_onload()
{
var TD = GetParent(document.all("s0"), "TD");
TD.innerHTML = MakeMenu(arrUnit, 0, 0, "s0", 1);
TD = GetParent(document.all("s1"), "TD");
TD.innerHTML = MakeMenu(arrDept, GetSelectValue(document.all("s0")), 0, "s1", 1);
TD = GetParent(document.all("s2"), "TD");
TD.innerHTML = MakeMenu(arrEmp, GetSelectValue(document.all("s1")), 0, "s2", 1);
}
function GetParent(src, tag)
{
if (src && src.tagName != tag)
{
return(GetParent(src.parentElement, tag));
}
return src;
}
function GetSelectValue(oSelect)
{
if (oSelect.selectedIndex < 0)
return 0;
return oSelect.options(oSelect.selectedIndex).value;
}
function MakeMenu(arrSub, pValue, cValue, name, bulSkip)
{
var sHTML = "<select name='" + name + "' onchange='SetSubmenu(this)' >";
if(bulSkip) sHTML += "<option value=0>please select</option>";
for(var i=0; i < arrSub.length; i++)
{
if (arrSub[i][0]==pValue)
{
var tag = (arrSub[i][1]==cValue)?" selected>":">";
sHTML += "<option value='" + arrSub[i][1] + "'" + tag + arrSub[i][2] + "</option>";
}
}
sHTML += "</select>";
return sHTML;
}
function SetSubmenu(pSelect)
{
var oOption, sValue;
if (pSelect.selectedIndex < 0) return;
switch (pSelect.name)
{
case "s0":
//TD=s1
var TD = GetParent(document.all("s1"), "TD"); TD.innerHTML = MakeMenu(arrDept, GetSelectValue(document.getElementById("s0")), "0", "s1", 0);
//TD=s2
TD = GetParent(document.all("s2"), "TD");
TD.innerHTML = MakeMenu(arrEmp, GetSelectValue(document.getElementById("s1")), "0", "s2", 0);
break;
case "s1":
var TD = GetParent(document.all("s2"), "TD");
TD.innerHTML = MakeMenu(arrEmp, GetSelectValue(document.getElementById("s1")), "0", "s2", 0);
break;
default:
}
}
</script>
</head>
<body onload="body_onload()">
<TABLE>
<TR>
<TD>
<SELECT id="s0" name="s0" onchange="SetSubmenu(this)"></SELECT>
</TD>
<TD>
<SELECT id="s1" name="s1" onchange="SetSubmenu(this)"></SELECT>
</TD>
<TD>
<SELECT id="s2" name="s2" onchange="SetSubmenu(this)"></SELECT>
</TD>
</TR>
</TABLE>
</body>
</html>
分享到:
相关推荐
测试下拉框工具,执行python脚本,可测试下拉框各个选项的结果,对于下拉框项比较多的测试比较有帮助
可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...
下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化
js多选下拉框多选下拉框多选下拉框js多选下拉框多选下拉框多选下拉框
一个下拉框的值被选中后,触发另一个下拉框状态为可选! 若值为空则为不可选!
模仿google下拉框模仿google下拉框模仿google下拉框
无限极 分类 下拉框 无限极分类 下拉框 无限极分类下拉框
js 可输入 下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框
EXTJS 选下拉框,并取得下拉框的值,直接可以打开
下拉框 新人练习下拉框
bootstrap树控件使用bootstrap-treeview.js树形控件在下拉框select中显示,带树形的下拉框
树形下拉框样式
下拉框读取数据库数据.有时候数据多.会拉的很长.客户搜索起来很不方便.现在可以编辑下拉框,可根据输入的内容重新加载下拉框的内容....使用方法....测试方法:点击下拉框.随便输入一个字母.即可看到效果.
android完美下拉框控件android完美下拉框控件android完美下拉框控件android完美下拉框控件
js实现通过改变下拉框的值,输出相应的下拉框的value
仿winform的背景颜色选择下拉框,可自行设定系统支持的颜色,自行设定其他属性,下拉框的cs写法就与一般下拉框做法一样,界面写法稍有差别
下拉框树控件(下拉框和树结合)下拉框树控件(下拉框和树结合)下拉框树控件(下拉框和树结合)下拉框树控件(下拉框和树结合)下拉框树控件(下拉框和树结合)下拉框树控件(下拉框和树结合)(下拉框和树结合)
在我们浏览网页的时候经常会碰到下拉框,WebDriver提供了Select类来处理下拉框,详情请往下看: 本章中用到的关键方法如下: select_by_value():设置下拉框的值 switch_to.alert.accept():定位并接受现有警告框...