如何在弹出框上显示一个表单，它将在其他jsp上答案

【问题标题】：How to display a form on popup box, which will be on other jsp如何在弹出框上显示一个表单，它将在其他jsp上
【发布时间】：2015-08-12 10:51:46
【问题描述】：

我有两个 jsp 页面。在第一页上，我显示了一些内容和EditButton，单击该按钮我必须显示来自第二个jsp 的表单。谁能给我一些例子？我的第一个jsp在这里

test1.jsp

<%@ include file="/WEB-INF/includes/includes.jsp"%>

<portlet:actionURL var="dependantModeActionUrl">
    <portlet:param name="mode" value="dependantsMode"/>
</portlet:actionURL>


<form:form id="dependentsModeForm" name="dependentsModeForm" modelAttribute="dependantsForm" method="post" action='<%=renderResponse.encodeURL(dependantModeActionUrl.toString())%>'>

<div class="cta-group pull-right">
<div id="terms" style="display:none;">
   </div>
         <button type="submit" class="cta" name="add">Add</button>
         <button type="submit" class="cta" name="edit">Edit</button>
         <button type="submit" class="cta cta--primary" name="view">View</button>
          <button type="submit" id="remove" class="cta" name="remove" >Remove</button>
          <!-- <a id="remove" href="#" onclick="removeDependants()">Remove</a> -->
          <!-- <input type="button" class="cta" onclick="loadPage()" value="Remove"/>
          <div  id='modalbox'></div> -->
         <!--  <a  href="#" onclick="openMyDialog()" >test</a> -->


   </div> 
</form:form>
<script type="text/javascript">

$(document).ready(function () {
    $(function () {
        $("#terms").dialog({

            autoOpen: false,
            modal: true,
            draggable:false,
            cache:true,
            resizable:false,
            width:'90%',
            title:'Remove Contact',
            buttons:[
                     {
                         text:'Remove',
                         class:'cta',
                         click:function(){
                             $(this).dialog('close');
                         }
                     }

                     ]

        });
    });
});

$("#remove").click(function (e) {
    e.preventDefault();
    $("#terms").dialog('open');
});
</script>

在另一边，我在另一边创建了一个表单

test2.jsp

<html>
<head>
<title>Testtitle>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="/jquery_popup.css" />
<script src="/jquery_popup.js"></script>
</head>
<body>
<div id="mainform">

<div class="form" id="popup">
<p id="onclick">Popup</p>
<br/>
</div>
</div>

<!--Contact Form -->
<div id="contactdiv">
<form class="form" action="#" id="contact">
<img src="images/button_cancel.png" class="img" id="cancel"/>
<h3>Contact Form</h3>
<hr/><br/>
<label>Name: <span>*</span></label>
<br/>
<input type="text" id="name" placeholder="Name"/><br/>
<br/>
<label>Email: <span>*</span></label>
<br/>
<input type="text" id="email" placeholder="Email"/><br/>
<br/>
<label>Contact No: <span>*</span></label>
<br/>
<input type="text" id="contactno" placeholder="10 digit Mobile no."/><br/>
<br/>
<label>Message:</label>
<br/>
<textarea id="message" placeholder="Message......."></textarea><br/>
<br/>
<input type="button" id="send" value="Send"/>
<input type="button" id="cancel" value="Cancel"/>
<br/>
</form>
</div>
</form>

</div>
</body>
</html>

现在，当我点击删除按钮时

test1.jsp 我可以看到一个弹出窗口即将到来，但我想在弹出窗口中显示将来自的字段 test2.jsp

【问题讨论】：

@evolutionxbox 你能建议我一个示例链接，其中'Hello' 词来自另一个 jsp
我不能。我不完全知道您要达到的目标。提供您已经尝试过的代码和示例将有助于实现这一目标。
@evolutionxbox 我已经更新了问题
stackoverflow.com/questions/3837166/…的可能重复
好多了。谢谢你。这样，它会帮助别人帮助你。

标签： javascript java jquery jsp

【解决方案1】：

您需要在此处使用 CSS 来创建固定在其他所有内容之上的 div，并且您可以在 iFrame 中调用第二个 JSP 页面。

或者更好地使用相同的 JSP 页面并在使用 AJAX 单击按钮时显示内容。

【讨论】：