求在列表框中选择一个值时显示一个文本框的JS代码

在列表框中选择一个值时，显示一个文本框，再选择其他值时，文本框消失。 
类似于某些网站注册时的密码问题“自定义问题”

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
        <script type="text/javascript">
        var text;
            function createText(obj){
            
                if(obj.value=="3"){
                    text=document.createElement("input");
                    text.setAttribute("type","text");
                    document.getElementById("text").appendChild(text);
                }
                else if(document.getElementById("text").hasChildNodes()){
                    document.getElementById("text").removeChild(text);
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <select name="select" onchange="createText(this);">
    <option value="1">1</option>
    <option value="3">2</option>
    <option value="2">3</option></select>
        </div>
        <div id="text"></div>
        </form>
    </body>
    </html>
      

  2.   

    感谢楼上的回答，不过我找到了一个更简单点的办法
    <script   language=JavaScript>   
      function   eyun(v)   
          {if(v=="其他"){  
      form1.cartype2.style.display='';
       }
            else   
              form1.cartype2.style.display="none";    
          }   
      </script>
    <form name="form1">
     <select name="cartype" id="cartype" onchange="eyun(this.value)">
      <option>普桑</option>
      <option>桑塔纳3000</option>
      <option>捷达</option>
      <option>夏利</option>
      <option>远舰</option>
      <option>爱丽舍</option>
      <option value="其他">其他</option>
     </select>
    <input name="cartype2" id="cartype2" type="text" size="12" style="display:none;"/>
    </form>