<!-- 一级 --> <select id="s1" onChange="move()" name="deducted_division" style="height: 34px;width: 60%;"> <option value="">--请选择--</option> <option value="测试1" >测试1</option> <option value="测试2" >测试2</option> </select> <!-- 二级 --> <select id="s2" name="deducted_division" style="height: 34px;width: 60%;"> <!-- <option value="">--请选择临床科室-- </option> --> </select>
<script> function move() { var s1=document.getElementById("s1"); var s2=document.getElementById("s2"); /* <!-- 获取一级和二级的属性--> */ var add; if(s1.value=="") { add=new Array("--请选择--"); //<!--比对value值,实现对应二级text值的动态生成--> }else if(s1.value=="测试1") { add=new Array("s1","q1"); //<!--比对value值,实现对应二级text值的动态生成--> }else if(s1.value=="测试2") { add=new Array("s2","q2"); } else { add=null; //<!--若没有就为空,当然不可能出现的--> } s2.length=0; for(var i=0;i<add.length;i++) { var ss=new Option(); ss.text=add[i].split()[0]; ss.value=add[i].split()[0]; s2.add(ss); //<!--把text值添加到二级select中,显示出来--> } } </script>