我正在尝试打开一个与当前会话相同的新窗口。我在下面写了一些代码,但还没有成功。
例如,假设我有一个带有标签(名称)、文本框(文本进入的位置)的表单,以及按下按钮时会带我到一个新窗口。
如果我按下按钮,它应该打开一个新窗口,其中包含相同的表单元素和文本框中的文本,如果它是放在前面的话。
另外,请注意,新窗口必须作为浏览器中的一个新选项卡打开,其状态和元素与以前的浏览器相同。
有人对此有什么想法(使用剃刀视图引擎或jquery/javascript)?提前谢谢。
<label for="Name">Name</label>
<input type="textbox" value="nothing" id="text" />
<input type="button" value="press me" id="submitButton" />
$(document).ready(function()
{
$('#submitButton').click(function()
{
var currentUrl=document.URL;
window.open(currentUrl,"newWindow",300);
event.preventDefault();
});
});
发布于 2014-05-06 15:16:29
您可以通过使用modals而不是弹出窗口来实现这一点。Jquery内置了模态支持:http://jqueryui.com/dialog/
这种方法的优点是不需要将数据传递到单独的页面。使用jQuery对话框,您的模态代码将类似于此。这将与初始输入放在相同的页面上:
<div id="dialog" title="Basic dialog">
<input type="text" id="popupText" name="popupText" />
</div>
单击事件将修改模态输入并显示模态:
$(document).ready(function(event)
{
$('#submitButton').click(function()
{
$("#popupText").val($("#text").val());
$("#dialog").dialog();
event.preventDefault();
});
});
这是绝对可以清理的,但我相信它能满足你的需要,非常简单。该对话框可以包含任何html元素,因此您可以在必要时添加一个单独的表单。
https://stackoverflow.com/questions/23498185
复制相似问题