在一个下拉列表框中，当选中其中一个项时，显示两个标签和两个文本框，选择其它项时，只显示一个文本框，这个如何实现

<select onchange="eyun(this.value)">
  <option value=1>1</option>
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=1>1</option>
  <option value=1>1</option>
</select>
<br>label1:<input><br>
<span id="test" style="display:none">label2:<input></span>
<script language=JavaScript>
function eyun(v)
  {if(v==2)
     test.style.display="";
   else
     test.style.display="none";
  }
</script>

解决方案 »

  1.   

    谢谢！xinyunyishui(心云意水) 
      

  2.   

    假如有多个这样的应用，假如有一个地方<span id="test1" style="display:none">label2:<input></span>是这样子的，则下面将改成
    <script language=JavaScript>
    function eyun(v)
      {if(v==2){
         test.style.display="";
         test1.style.display="";}
       else{
         test.style.display="none";
         test1.style.display="none";}
      }
    </script>
    有没有改进的方法呀，谢谢！
      

  3.   

    怎么样得知在过程eyun中，我单击了哪一个下拉列表框中的条目?
      

  4.   

    怎么样得知在过程eyun中，我单击了哪一个下拉列表框中的条目?先把下拉列表加个id或name
    <html>
    <head>
    <script language=javascript>
    function test()
    {alert(document.all.select1.options[document.all.select1.selectedIndex].value);}
    </script>
    </head>
    <body>
    <form method=post>
    <select id="select1" name="select1">
    <option value=1>1</option>
    <option value=2>1</option>
    <option value=3>2</option>
    <option value=4>1</option>
    <option value=5>1</option>
    </select><input type="button" value="clickme" name="button1" onclick="test()">
    </from>
    </body>
    </html>