如何将选定页面中的选定值传递到下一页？

Posted 2023-05-08

【中文标题】如何将选定页面中的选定值传递到下一页？

【英文标题】：how to pass selected value from selected page to next page?

【发布时间】：2020-11-16 11:41:32

【问题描述】：

  <select id="one" name="age">
                                            <option value="0-50">Select Age</option>
                                            <option value="0-4">0-4</option>
                                            <option value="5-9">5-9</option>
                                            <option value="10-14">10-14</option>
                                            <option value="15-19">15-19</option>
                                        </select>

我想显示用户从此下拉列表中选择的文本到下一页

例如：- 如果用户从该页面选择年龄 5-9 并且用户已经看到选择的年龄到下一页，例如“选择的年龄是 5-9”

【问题讨论】：

你已经尝试过什么？您是否使用带有 POST 或 GET 的表单？或者您是否尝试在 javascript 中进行选择？还是使用会话？我们需要更多详细信息才能帮助您解决您遇到的问题。请查看how do I ask a good question 并使用minimal, reproducible example 更新问题，以便我们有足够的信息来提供帮助。

很抱歉，实际上我有一个帖子表单，它是一个过滤字段，我想向用户展示他们从过滤页面到下一页@FluffyKitten 中选择了哪些值

【参考方案1】：

您可以使用localStorage来保存选择的年龄：

one.addEventListener("change", function()
     localStorage.setItem("age", this.value);
);

<select id="one" name="age">
     <option value="0-50">Select Age</option>
     <option value="0-4">0-4</option>
     <option value="5-9">5-9</option>
     <option value="10-14">10-14</option>
     <option value="15-19">15-19</option>
</select>

然后在其他页面中检索值如下：

let age = (localStorage.getItem("age")) ? localStorage.getItem("age") : null;

【参考方案2】：

您可以使用回调函数定义 onchange 属性，以将值设置为变量。然后将其作为参数传递到 url 中或存储在 localStorage 中。