如何在选择按钮时显示另一个表单答案

【问题标题】：How to display another form on select of button如何在选择按钮时显示另一个表单
【发布时间】：2009-12-08 09:19:19
【问题描述】：

我创建了具有 2 种形式的 jsp。在 UI 中有 2 个按钮。在选择每个按钮时，应显示相应的表单。但是在尝试这样做时，它不允许我在按钮单击时显示其他表单。有任何示例代码可以解决我的问题吗？

【问题讨论】：

你能提供你目前的代码吗？
考虑花一些额外的时间在句子的开头加上大写字母“？”在问题的结尾和修正错别字...
@marcgg 发帖人可能不是以英语为母语的人。如果问题是可以理解的[或包含代码示例]，可以原谅缺乏语法。
Hai 尝试将两个表单都放入
并使用 javascript 隐藏和显示它

【解决方案1】：

按照您的说明，我创建了示例代码来显示和隐藏表单。检查这是否是您问题的解决方案。

<html>
<head>
<script langauge="javascript">
    function showForm1(){
        document.getElementById('form1').style.display="block";
        document.getElementById('form2').style.display="none";  
    }

    function showForm2(){
        document.getElementById('form2').style.display="block";
        document.getElementById('form1').style.display="none";  
    }

</script>   
</head>
<body>
<div id="form1" name="form1">
<h1> Form 1 </h1>   
<form id="frm1" name="frm1">
    Form 1 text 1 <input type="text" id="frm1txt1" name="frm1txt1"/> <br>
  Form 1 text 2 <input type="text" id="frm1txt2" name="frm1txt2"/> <br>
  <input type="submit" id="frm1btn1" name="frm1btn1" value="submit"/> <br>
</form>
</div>
<div id="form2" name="form2" style="display:none">
<h1> Form 2 </h1>   
<form id="frm2" name="frm2">
    Form 2 text 1 <input type="text" id="frm2txt1" name="frm2txt1"/> <br>
  Form 2 text 2 <input type="text" id="frm2txt2" name="frm2txt2"/> <br>
  <input type="submit" id="frm2btn1" name="frm2btn1" value="submit"/> <br>
</form>
</div>
<div id="form1" name="form1">
<h1> Show/Hide buttons </h1>    
<form id="ctrl" name="ctrl">
    <input type="button" id="ctrlbtn1" name="ctrlbtn1"  value="Show form 1" onclick="showForm1();"/> &nbsp
  <input type="button" id="ctrlbtn2" name="ctrlbtn2"  value="Show form 2" onclick="showForm2();"/> <br>
</form>
</div>
</body>
</html>

【讨论】：