在另一个页面上使用 getElementById答案

【问题标题】：Using getElementById on another page在另一个页面上使用 getElementById
【发布时间】：2014-12-18 04:06:10
【问题描述】：

我正在尝试创建一个在许多在线订购平台上都可以看到的“与发货相同”按钮，当在交易的结算步骤中单击/检查该按钮时，它会从另一个页面导入信息。 I looked at the other question on this topic 并没有发现任何帮助。我知道这两个页面属于同源政策。

我已经创建了 Javascript 代码，用于在结算页面中填充信息。但是，我找不到从其他页面带来价值的方法。

<script language="JavaScript">
function SameAs(){
    document.getElementById("FIELD_4").value = "752";
    document.getElementById("FIELD_6").value = "50";
}
</script>

我的问题是我无法从上一页中删除元素以用作值。

【问题讨论】：

别找了。无法获取“上一个”页面元素的值。
尝试本地存储或查询字符串或全局变量
他们不是“从另一个页面带来它”。他们只是要么标记账单与运输相同，要么他们将进入数据库并获取运输信息以填充账单。
如果它是前一页（不在同一个视图中），我假设问题是如何在页面之间持久化数据？您需要将其存储在可以从中检索的地方。小提琴或现场示例将有助于回答您的问题。
@Jack 您能否将其作为答案提交，因为这实际上是一个可行的好主意。感谢您的帮助。

标签： javascript jquery

【解决方案1】：

将其保存在第一页的本地存储中

localStorage.setItem('city', $('#elementID').val());

然后从第二个中检索它

localStorage.getItem('city');

【讨论】：

非常感谢。您的评论 100% 解决了我的问题。

【解决方案2】：

您正在尝试从您不再位于的页面中获取元素？这是不可能的。您只能获取当前存在于 DOM 中的元素。

【讨论】：

【解决方案3】：

您需要将信息存储在加密的 cookie 中（出于隐私原因，您不应该保存付款信息）或通过 AJAX 从第二页请求。无法从之前提交的页面中获取信息。

另一种选择是不实际从前一页提交表单，而是通过 Javascript 使其可见来显示下一页。当两个“页面”都准备好后，您就可以提交表单了。

【讨论】：