主要用javascript实现
这段代码出现的问题当选择了OA还会出现ERP的数组,选择EAS还会出现OA的数组,劳烦帮忙解决并优化,谢谢。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">var arr_ERP = new Array("1","2","3","4","5","6");
var arr_OA = new Array("7","8","9","10","11");
var arr_EAS = new Array("12","13","14","15","16");
function changeSEL() {
var val = document.getElementById('S1').value;
var S2 = document.getElementById('S2');
var arr = new Array(); if (val == 'DEFAULT') S2.style.display = 'none';
else {
S2.style.display = '';
var str = '';
switch(val) {
case 'ERP':
arr = arr_ERP;
break;
case 'OA':
arr = arr_OA;
break;
case 'EAS':
arr = arr_EAS;
break
} if (S2.options.length!=0)
{
for (var i = 0; i < arr.length; i ++) S2.remove(0);
} for (var i = 0; i < arr.length; i ++){
var S2Option=document.createElement('option');
S2Option.value = arr[i];
S2Option.text = arr[i];
S2.add(S2Option);
}
}
}
</script>
</head><body>
<select id="S1" onChange="changeSEL();">
<option value="DEFAULT">defualt</option>
<option value="ERP">ERP</option>
<option value="OA">OA</option>
<option value="EAS">EAS</option>
</select>
<select id="S2" >
</select>
</body>
</html>
这段代码出现的问题当选择了OA还会出现ERP的数组,选择EAS还会出现OA的数组,劳烦帮忙解决并优化,谢谢。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">var arr_ERP = new Array("1","2","3","4","5","6");
var arr_OA = new Array("7","8","9","10","11");
var arr_EAS = new Array("12","13","14","15","16");
function changeSEL() {
var val = document.getElementById('S1').value;
var S2 = document.getElementById('S2');
var arr = new Array(); if (val == 'DEFAULT') S2.style.display = 'none';
else {
S2.style.display = '';
var str = '';
switch(val) {
case 'ERP':
arr = arr_ERP;
break;
case 'OA':
arr = arr_OA;
break;
case 'EAS':
arr = arr_EAS;
break
} if (S2.options.length!=0)
{
for (var i = 0; i < arr.length; i ++) S2.remove(0);
} for (var i = 0; i < arr.length; i ++){
var S2Option=document.createElement('option');
S2Option.value = arr[i];
S2Option.text = arr[i];
S2.add(S2Option);
}
}
}
</script>
</head><body>
<select id="S1" onChange="changeSEL();">
<option value="DEFAULT">defualt</option>
<option value="ERP">ERP</option>
<option value="OA">OA</option>
<option value="EAS">EAS</option>
</select>
<select id="S2" >
</select>
</body>
</html>
--------------------------------------签名分割线-------------------------------------------------