如何在单个窗口中预览多个选项卡的div的内容？为什么在新窗口中缺少字段值？

问题描述

当我单击预览时，我想在IE和Chrome的单个窗口中预览@R_959_4045@ion1，@R_959_4045@ion2和@R_959_4045@ion3选项卡的div内容。

以下是示例html：

<div id="tabs" style="width: 695px">
    <ul id="tabshead">
        <li><a href="#tabBasicInfo">@R_959_4045@ion1</a></li>
        <li><a href="#tabBasicInfo2">@R_959_4045@ion2</a></li>
        <li><a href="#tabBasicInfo3">@R_959_4045@ion3</a></li>
    </ul>
    <div id="tabBasicInfo" class="PrintableTab">
        <table id="tblRecord" cellspacing="0" cellpadding="0" border="0">
            <tr style="height: 3px">
                <td colspan="6">
                </td>
            </tr>
            <tr>
                <td width="140px" class="tdH">
                    Social Security Number:
                </td>
                <td colspan="2">
                    <input type="text" id="txtSocialSecurityNumber" label="Social Security Number" style="width: 157PX" />
                </td>                        
            </tr>
            ......//other fields of @R_959_4045@ion1
        </table>
    </div>
    
    <div id="tabBasicInfo2" class="PrintableTab">
        // Fields of @R_959_4045@ion2 
    </div>
    
    <div id="tabBasicInfo3" class="PrintableTab">
        // Fields of @R_959_4045@ion3
    </div>
</div>

单击预览时，可以在新窗口中完美地看到所有选项卡的所有字段名称，但是缺少相应的值。

Missing field values

这是触发功能：

function Preview() {
    var contents = "";
    var tabs = $('.PrintableTab');
    for (var index = 0; index < tabs.length; index++) {
        var tab = tabs[index];
        contents += tab.innerHTML;
    }
    var pwin = window.open('','print_content','width=800,height=600,scrollbars=1,menubar=1,toolbar=1');
    pwin.document.write('<html><head> <link href="css/Interface.css" rel="stylesheet" type="text/css" /></head><body class="printPreviewBody"><br/>' + contents + '<br/></body></html>');
}

我认为这些类型的问题已经得到了多次解决，因此我研究了其中的一些解决方案link1 link2 link3，但是我缺少一些可以自己解决的问题功能。有人可以帮助我重定向到解决方案或在此处指出函数中的确切问题吗？如果可能的话，我想避免使用任何插件或第三方库。预先感谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html javascript jquery preview