【问题标题】:Is there a way to retrieve hidden input values on another page?有没有办法在另一个页面上检索隐藏的输入值?
【发布时间】:2021-06-27 17:22:16
【问题描述】:

我正在尝试获取客户选择的输入,并将它们添加到隐藏字段中,以便能够在购物车页面上显示它们。

<form method="post" action="https://omgneonsigns.com/cart/?add-to-cart=5825" name="contentForm" runat="server">

这是我的表单的代码,当然我的字段是这样设置的:

<input type="hidden" id="hiddenText" name="hiddenText" value="">

那么,下一步是什么?我能够将这些值提醒给我,所以我知道它们正在被保存/存储...但我不确定如何将它们带到下一页并在那里提醒它们?

【问题讨论】:

    标签: javascript html hidden-field


    【解决方案1】:

    首先,您需要选择隐藏的输入。 JavaScript方式:

    <input type="hidden" id="hiddenText" name="hiddenText" value="" onchange="myFunction(this.value)">
    
    <script>
        function myFunction(val) {
            let hidden_val = val 
            // now store it using `session`
        }
    </script>
    

    基本上你可以通过多种方式做到这一点:

    1. 使用JavaScript 会话。链接:https://www.w3schools.com/jsref/prop_win_sessionstorage.asp
    2. 使用php 会话。关联: https://www.w3schools.com/php/php_sessions.asp

    然后从session获取下一页的值。

    【讨论】:

    • 谢谢你!所以要使用“会话”存储它,我还需要使用 document.getElementById 吗?例如:sessionStorage.setItem("hiddenText", document.getElementById('hiddenText').value);
    • JavaScript onchange 事件将通过更改它的值来触发,但由于它是一个隐藏字段,是的,当然你需要在那里使用 document.getElementById
    • 谢谢!我得到它来显示另一页上的值,非常感谢。最后一个问题.. 那么,如果他们更改下拉列表中的选择,我如何让它更新会话中的值?
    • 设置会话的方式相同。使用 javascript 从下拉列表中获取选定的值,然后设置/更新它
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-19
    • 1970-01-01
    • 2020-08-19
    相关资源
    最近更新 更多