高校问答网络棋牌推广员:如何做到第一个下拉列表框的变化引起第二下拉列表框的变化
来源：百度文库 编辑：高校问答 时间：2024/05/05 12:25:06
<script language = "JavaScript">
function changelocation()
{
}
</script>
<select name="ypxxone_id" onChange="changelocation(XXX)">
<option selected value="">请选择大项</option>
</select>
<select name="ypxxtwo_id">
<option selected value="">请选择小项</option>
</select>
给你一个完整的页面吧:
<script>
function selectdu(choose) {
switch (document.form1.did.value) {
case '1' :
var values = new Array("人员A","人员B","人员C");
var v1 = new Array(1,2,3,99999);
break;
case '2' :
var values = new Array("人员1","人员2","人员3","人员4");
var v1 = new Array(4,5,6,7,99999);
break;
case '3' :
var values = new Array("人员I","人员II");
var v1 = new Array(8,9,99999);
break;
default :
var values = new Array();
var v1 = new Array(99999);
}
document.form1.uid.options.length = 0;
for(var i = 0; i <values.length; i++)
{
document.form1.uid.add(document.createElement("OPTION"));
document.form1.uid.options[i].text=values[i];
document.form1.uid.options[i].value=v1[i];
}
document.form1.uid.selectedIndex = 0;}
</script>
</head>
<body ONLOAD=selectdu()>
<form method="POST" action="" name="form1">
<p align="center">部门名称:<SELECT NAME="did" OnChange="selectdu()">
<OPTION VALUE="0" selected>请选择您的位置</OPTION>
<option value="1">部门A</option>
<option value="2">部门B</option>
<option value="3">部门C</option>
</SELECT>用户名:<SELECT NAME="uid"></select>
</body>