在表单中,如何根据用户对一个表单项的选择,决定如何显示另一表单项,而其他表单项中已经填好的内容不变?

好说，你看：
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE disabled style="display:node"></TITLE>
</HEAD>
<BODY>
<form action="" name="frmTest" id="frmTest" method="post">
<P>
<INPUT id=radio1 type=radio name=radio1 value="1" onclick="fnTest();" checked>大语种
<INPUT id=radio1 type=radio name=radio1 value="2" onclick="fnTest();">小语种
</P>
 <input name="cnlName" id="cnlName" value="" style="display:none">
 <select name="cnlLanguage" id="cnlLanguage" style="display:block">
 <option>汉语</option>
 <option>英语</option>
 <option>法语</option>
 </select>
</form></BODY>
</HTML>
<script language="javascript">
function fnTest()
{
var arrChks = frmTest.elements("radio1");
if(arrChks[0].checked)
{
document.all.cnlName.style.display = "none";
document.all.cnlLanguage.style.display = "block";
}
else
{
document.all.cnlName.style.display = "block";
document.all.cnlLanguage.style.display = "none";
}
}
</script>

解决方案 »

  1.   

    这种动态添加的问题这里已经很多了，大概就是建立一个OPTION对象，然后设置OPTION.TEXT,OPTION.VALUE属性然后用select.add(),select.remove()方法动态增删就可以了~
      

  2.   

    我用了Soft21(雾昕小子)的程序,果然实现了所要求的功能.但我要求语种项必须填写,于是我在加如<input type=submit value=submit onclick="return check()">
    <script language="javascript">
    function check()
    {　
    if (trim(document.frmtest.radio1.value) == "2") 
     { if (trim(document.frmtest.cnlname.value)=""){
      alert("请输入文种!");
      return(false);
     }
    return(ture)
    }
    </script>
    但是,当使用小语种,而没有填写具体语种时,不能给出提示.我在check()函数的开头加如
    alert(document.frmtest.radio1.value)
    按"发送"后,弹出的提示框显示"undefined".
    请问如何进一步实现该功能?
      

  3.   

    <html>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <script language=javascript>
    function changevalue(){
    var selectvalue=document.Test.D1.options[document.Test.D1.selectedIndex].text;
    if (selectvalue=="大语种"){
         document.Test.T2.outerHTML="<select name=D2><option>汉语</option><option>英语</option><option>法语</option></select>";
    }else{
    document.Test.D2.outerHTML="<input type=text name=T2>";
    }
    }
    </script>
    </HEAD>
    <BODY>
    <form action="" name="Test" id="frmTest" method="post">
    <P>
    姓名:<input name=T1 type=text><select name=D1 onchange=changevalue()>
    <option selected>大语种</option>
    <option>小语种</option>
    </select>
    </P>
    <select name="D2">
    <option>汉语</option>
    <option>英语</option>
    <option>法语</option>
    </select>
    </form>
    </BODY>
    </HTML>