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

2019年9月16日 05:14:09js教程评论473 views阅读模式

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

复制代码代码如下:

<br />
<script type="text/javascript" defer="defer"> </p>
<p>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><br />
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0"><br />
  <tr><br />
    <td width="119"><select name="n1" size="10" id="n1" onchange="ch(this)"><br />
      <option value="0">大学</option><br />
      <option value="1">高中</option><br />
      <option value="2">初中</option><br />
    </select><br />
    </td><br />
    <td width="281"><select name="n2" size="10" id="n2"><option value="a">a</option><br />
        </select></td><br />
  </tr><br />
</table><br />

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]