Maison >interface Web >js tutoriel >javascript select 之间传值效果的代码_表单特效

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

WBOYoriginal: 2016-05-16 19:08:131145parcourir

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

复制代码代码如下:

<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>

<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需刷新才能执行]

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：javascript window.onerror事件学习新收获_javascript技巧Article suivant：用javascript实现div可编辑的常见方法_javascript技巧

Articles Liés

Voir plus