javascript select 之间传值效果的代码_表单特效

二个框内值传递.不错的效果

复制代码 代码如下:

<script> <br><br>function $(value) <BR>{ <BR> return document.getElementById(value); <BR>} <BR>function ch(s){ <BR> var p = new Array(0,1,2); <BR> p[0] = '大学'; <BR> p[1] = '高中'; <BR> p[2] = '初中'; <BR> if(s.value=='0'){ <BR> $('n2').options.length = 0; <BR> $('n2').options.add(new Option(p[0],p[0])); <BR> } <BR> if(s.value=='1'){ <BR> $('n2').options.length = 0; <BR> $('n2').options.add(new Option(p[1],p[1])); <BR> } <BR> if(s.value=='2'){ <BR> $('n2').options.length = 0; <BR> $('n2').options.add(new Option(p[2],p[2])); <BR> } <BR>} <BR></script> 
 
   
     
     
   

大学        高中        初中

a

 

<script type="text/javascript" defer> function $(value) { return document.getElementById(value); } function ch(s){ var p = new Array(0,1,2); p[0] = '大学'; p[1] = '高中'; p[2] = '初中'; if(s.value=='0'){ $('n2').options.length = 0; $('n2').options.add(new Option(p[0],p[0])); } if(s.value=='1'){ $('n2').options.length = 0; $('n2').options.add(new Option(p[1],p[1])); } if(s.value=='2'){ $('n2').options.length = 0; $('n2').options.add(new Option(p[2],p[2])); } } </script> <table width="400" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="119"> <select name="n1" size="10" id="n1" onchange="ch(this)"> <option value="0">大学</option> <option value="1">高中</option> <option value="2">初中</option> </select> </td> <td width="281"><select name="n2" size="10" id="n2"><option value="a">a</option> </select></td> </tr> </table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]