当前位置: 移动技术网 > IT编程>开发语言>JavaScript > javascript select 之间传值效果的代码

javascript select 之间传值效果的代码

2019年07月30日  | 移动技术网IT编程  | 我要评论
二个框内值传递.不错的效果 复制代码 代码如下:<script type="text/javascript" defer="defer">&
二个框内值传递.不错的效果

复制代码 代码如下:

<script type="text/javascript" defer="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需刷新才能执行]

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网