页面:
<form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
<select name="quanxian" onclick="check()">
      <option value="1">1</option>
      <option value="2"><center>2</center></option>
      <option value="3"><center>3</center></option>
      </select> 
企业代码:<input name="qiyenum" type="text" >
</form>问题:
如何使用JAVASCRIPT根据下拉列表值的不同来在相同的页面上显示一个文本框如上例:页面本来不显示企业代码这个文本框,当选择3时出现下面的企业代码这个文本框。
我只知道是一个ONCHANG事件但具体怎么写不知道?
请大家帮忙?

解决方案 »

  1.   

    <select name="quanxian" onclick="check(this)">
          <option value="1">1</option>
          <option value="2"><center>2</center></option>
          <option value="3"><center>3</center></option>
          </select> 
    企业代码:<input name="qiyenum" type="text" >
    <script language=javascript>
       function check(obj)
       {
          document.getElementById("qiyenum").style.display=(obj.value=="3")?"":"none"   }
    </script>
      

  2.   

    <input name="qiyenum" type="text" >初始化的时候写成
    :<input name="qiyenum" type="text" style="display:none">
      

  3.   

    <script language="javascript">
    function testGG(){
       if(document.form1.quanxian.value == 3){
           xxx.style.display = 'block';
       } else{
           xxx.style.display = 'none';
       }
    }
    </script><form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
    <select name="quanxian" onChange="testGG()">
          <option value="1">1</option>
          <option value="2"><center>2</center></option>
          <option value="3"><center>3</center></option>
          </select> 
    <div id="xxx" style="display:none ">企业代码:<input name="qiyenum" type="text"></div>
    </form>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <style>
      .STYLE1 {font-family: "ARIAL"}
      </style>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function changeEvent(obj)
    {
    if(obj.value=="3")
    {
    document.getElementById("disInfo").style.visibility = "visible";
    }
    else
    {
    document.getElementById("disInfo").style.visibility = "hidden";
    }
    }
      //-->
      </SCRIPT>
     </HEAD>
    <form name="form1" method="post" action="add_spAction.do" id="form1" onsubmit ="return on_submit()">
    <select name="quanxian"  onchange="changeEvent(this);">
          <option value="1">1</option>
          <option value="2"><center>2</center></option>
          <option value="3"><center>3</center></option>
          </select> 
    <div id="disInfo" style="visibility:hidden">企业代码:<input name="qiyenum" type="text" ></div>
    </form>
    </HTML>
      

  5.   

    hbhbhbhbhb1021
    标准答案.给我一分吧.:)