主要用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>
&nbsp;
<select id="S2" >
</select>
</body>
</html>