Question

我有一个隐藏的div：

<div id="termSheetPrinted" style="visibility:hidden;">

</div>

我通过点击按钮填充。在该群体发生之后，我想在单独的弹出窗口中显示该div的内容，以便用户可以打印它。

我如何使用JQuery或Javascript或其他最简单的方法。

Answer 1

您可以使用

var myWin = window.open('');                               
myWin.document.write(<html code>);
myWin.document.close();

这是一个链接，可以阅读更多相关信息： window.open

Answer 2

slandau，

[已编辑] 根据您评论中的新信息。

使用jquery对话框（你必须引用jquery-ui js），在基础html页面上创建第二个div并调用它像termSheetPrintedDialog。

<div id="termSheetPrintedDialog" style="visibility:hidden;"></div>

然后在您的文档就绪事件中，输入：

$("#termSheetPrintedDialog").dialog({
    autoOpen: false,
    resizable: false,
    height: 510,
    width: 800,
    position: 'center',
    title: 'my snazzy popup window',
    },
    modal: true
});

然后，在第一个模态表单上的按钮点击事件中：

$('#yourbutton').click(function() {
    // your div population code here ... etc
    $('#termSheetPrintedDialog').html($('#termSheetPrinted').html());
    $('#termSheetPrintedDialog').dialog('open');
});

它并不漂亮，但它是一种基于你所拥有的约束的方法。

在单独的弹出窗口中显示div

2 个答案: