如何用下拉列表框的改变来控制网页上输入表单的内容？急

<select onchange="改变输入框的style.dispaly即可">

解决方案 »

  1.   

    <div  id=f_div style="display:none">
    单位地点 <input name=f_name value='' size=20>
    </div>
    if  会计业务 f_div.style.display ='block';
    if  储蓄业务 f_div.style.display ='none';
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=unicode">
    <META content="MSHTML 6.00.2600.0" name=GENERATOR><SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
    <!--
    var curObj = document.all.div1;
    function select1_onchange() {
    var obj =eval("document.all.div" + document.all.select1.value);
    if (curObj!=null)
    {
    curObj.style.display="none";
    }
    obj.style.display ="";
    curObj = obj;}//-->
    </SCRIPT>
    </HEAD>
    <BODY><SELECT size=1 id=select1 name=select1 LANGUAGE=javascript onchange="return select1_onchange()">
    <OPTION 
      value=1 selected 
     >储蓄业务</OPTION><OPTION 
    value=2>会计业务</OPTION></SELECT>
    <DIV id="div1" style="display:none">
    用户名: <INPUT>帐号 <INPUT></DIV><DIV id="div2" style="display:none">
    单位名称<INPUT>帐号<INPUT>单位地点<INPUT></DIV>
    </BODY></HTML></慕白兄>
      

  3.   

    <script>
    function ss(v){
    if(v==0)return;
    for(i=1;i<frm.s.options.length;i++)eval(frm.s.options[i].value).style.display='none'
    eval(frm.s.options[v].value).style.display=''
    }
    </script>
    <form method="POST" action="--WEBBOT-SELF--" name=frm>
     <select onchange=ss(selectedIndex) name=s>
     <option>请选择
     <option value=t1>储蓄业务
     <option value=t2>会计业务
     </select>
      <span id=t1 style=display:none> 
      用户名<input>帐号 <input>
      </span>
      <span id=t2 style=display:none>
      单位名称<input>帐号<input>单位地点<input>
      </span>
    </form>
      

  4.   

    <body>
    <script>
    function a(n)
    {
    for(i=0;i<document.getElementsByTagName("DIV").length;i++) document.getElementsByTagName("DIV")[i].style.display="none"
    document.getElementById("d"+n).style.display=""
    }
    </script>
    <select onchange="a(this.selectedIndex)">
    <option>储蓄业务
    <option>会计业务
    </select>
    <div id=d0 style="display:none">输入：用户名，<input>帐号<input></div>
    <div id=d1 style="display:none">输入：单位名称，<input>帐号<input>，单位地点<input></div>