<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脚本，可测试下拉框各个选项的结果，对于下拉框项比较多的测试比较有帮助
可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...
在网页设计和开发中，下拉框（Dropdown）是一种常见的用户界面元素，它允许用户从一组预定义的选项中选择一个。"6种样式的下拉框"项目提供了多种不同风格和效果的下拉框解决方案，旨在提升用户体验并增强网站的视觉...
"下拉框值触发另一个下拉框"这个功能就是一种常见的交互设计，通常应用于表单或者数据选择场景。这样的设计能够帮助用户根据前一个选择来过滤或定制后一个选项，从而简化操作流程。 首先，我们来理解下拉框...
在网页开发中，多选下拉框是一种常见的交互元素，用户可以从中选择多个选项。JavaScript（简称js）作为客户端脚本语言，常被用来增强网页的交互性，其中包括实现多选下拉框的功能。本文将深入探讨如何使用JavaScript...
在网页设计和开发中，"下拉框和文本框组合共用-可以输入的下拉框"是一个常见的交互元素，它结合了下拉选择框（Dropdown）和输入文本框（Input Text）的功能，以提供更灵活、用户友好的界面。这种设计通常用于场景，...
在EXTJS中，下拉框（ComboBox）是一种常见的UI组件，常用于用户选择一个或多个预定义的选项。本篇文章将详细讲解如何在EXTJS中操作下拉框，以及如何获取用户选定的值。 首先，创建一个基本的EXTJS下拉框需要定义`...
测试boostrap-select下拉框，下拉框样式
在IT领域，"树形下拉框样式"是一种常见的用户界面元素，主要用于数据组织和导航。它结合了传统的下拉框功能与树形结构，使得用户可以方便地浏览和选择层级关系的数据。这种设计通常应用于文件系统、组织结构或者分类...
在网页设计和开发中，经常会遇到需要对交互元素进行特定控制的情况，比如将下拉框（Dropdown）设置为只读模式。"下拉框设置为只读模式时不再弹出下拉框"这个主题，主要涉及到HTML、CSS以及可能的JavaScript技术。...
最后，为了测试这个级联下拉框的功能，开发者可能会创建一个名为“级联下拉框测试”的测试用例。这可能包括各种边界条件，比如空选择、无效选择和不同层级之间的跳转。测试用例应覆盖所有可能的用户交互，确保级联...
Bootstrap Tree形下拉框是一种将传统的下拉菜单与树形结构结合的UI组件，它使得在有限的空间内展示层级关系的数据变得更加直观和易用。在Web开发中，Bootstrap框架提供了丰富的样式和组件，大大简化了网页设计的工作...
4. **浏览器兼容性**：测试主要浏览器（如Chrome、Firefox、Safari、Edge）的兼容性，必要时使用polyfills或条件注释来解决不支持的特性。 综上所述，通过结合HTML、jQuery和CSS，我们可以实现一个既美观又实用的...
下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化下拉框美化
从给定的代码片段来看，这是一个使用ASP.NET Web Forms实现的无限极分类下拉框功能。无限极分类下拉框通常用于展示具有层级结构的数据，如产品分类、地区选择等，用户可以选择任意级别的分类，而不仅仅是最高级或最...
"很漂亮的下拉框"这个标题暗示了我们即将探讨的是一个视觉效果出色、设计精美的UI组件——下拉框。下拉框在网页和应用程序中广泛使用，通常用于提供多个选项让用户选择，比如日期选择、地区选择等。 下拉框的设计不...
8. **测试与调试**：在不同设备和浏览器上测试下拉框的功能和样式，确保兼容性和性能。 在提供的"NewProject"压缩包中，可能包含了这个自创下拉框样式的源代码和资源文件。通过分析和学习这些文件，我们可以深入...
本主题将深入探讨如何实现一个“WPF颜色选择下拉框”，它是一个允许用户从一系列预设颜色中选择的下拉框控件，类似于WinForm中的背景颜色选择功能。我们将讨论如何自定义颜色选项、设置控件属性以及编写相应的XAML和...