如何在javascript中将所选表行值发送到另一个页面

我有2个页面和2个表，在第1页表1中，我想将所选行发送到第2页表2，在表2中，我显示所选行

这是第1页的第一个表格：

<table class="src-table">
    <tr>
        <th>Select</th>
        <th>Firstname</th>
    </tr>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>Jill</td>
    </tr>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td>Eve</td>
    </tr>
</table>
<br>
<input type="button" value="Submit" id="submit">

如下图所示

这是第2页的第二个表格：

<table class="target-table">
    <tr>
        <th>Select</th>
        <th>Firstname</th>
    </tr>
</table>

---

如下图所示，如果您真的需要它。您可以使用本地存储

本地存储在沙箱中不工作。但您也可以将其用于应用程序

当需要保存选定项以存储时，请运行storeItems，例如在element select上 在带有目标表的页面上运行AppendStoredToAnother on window event window.onload

函数存储项{ const selectedItems=document.querySelectorAllfirst-table.selected； const selectedHtml=nodeListToStringselectedItems； 添加'selectedTableItems'，selectedHtml； } 函数nodeListToStringnodeList{ 设字符串=； nodeList.forEachfunctionnode{ string+=node.outerHTML； }; 返回字符串； } 函数appendStoredToAnother{ const itemsHtml=window.localStorage.get'selectedTableItems'； const targetTable=document.getElementById'target-table'； targetTable.innerHTML=itemsHtml+targetTable.innerHTML； } 1. 挑选出来的 项目 1. 挑选出来的 项目 2. 未选择 项目 发送给其他人 将存储的Append附加到其他用户 1. 挑选出来的 项目 2. 未选择 项目

---

下面，我在下一页演示了如何将一些行从一个表转移到另一个表。但是，由于这两个页面可能托管在同一台服务器上，因此在大多数情况下，更实际的做法是首先收集选定表记录的一些唯一标识符，将它们传输到下一个页面，然后再次从原始数据源获取实际表内容（在许多情况下是数据库表或视图）。这种方法还可以使您的页面更安全，防止未经授权的注入

如果表格将在两个连续页面中显示，您可以执行以下操作：

//实用程序函数querySelectorAll的快捷方式： 常量qsa=s，o=>[…o| |文档['queryselectoral']s]； 常量log=qsa'log'[0]； qsa“提交”[0]。addEventListener“单击”函数{ var dat=tbl=+JSON.stringify qsa'tr'，qsa'.src表'[0].filtertr=>qsa'input:checked'，tr.length .maptr=>qsa'td'，tr.1 .maptd=>td.innerHTML ; log.innerHTML+=dat:+dat； log.innerHTML+=\nWindows.location=\page2.html？\+encodeURIComponentdat； //如果下一页： log.innerHTML+='var dat=window.location.search.substr1' 变量args=dat.split和.reducea，v=>{ var t=v.split'='； a[t[0]=JSON.parsedecodeURIComponentt[1]； 返回一个；}， {} ; qsa'.trg表'[0].innerHTML+= args.tbl.mapr，i=>+i+1++r.join+.join； } 第一页 选择FirstNameFamilyName 吉尔·琼斯 埃夫亚当斯 这将是第二页 noFirstnameFamilyname

---

这两个表是同时可见还是“提交”按钮会将用户移动到第二个表？@cars10m该按钮会将行复制到第二个表是的，我理解复制部分，但我的问题是针对这些表在线显示的方式：它们会同时存在吗。E在浏览器的两个选项卡或窗口中或一个接一个i。E“提交”按钮将导航到下一页的表2？@cars10m“提交”按钮将导航到下一页的表2并显示所选行。在这种情况下，我的帖子可能与您的问题相关。另外，请看第一段。hi@cars10m iam使用laravel，我如何使用此日志。innerHTML+=\nWindows.location=\page2.html？\+encodeURIComponentdat；我想将页面路由到/po第二页