时间戳

首页 > 解决方案 > 如何将选定页面中的选定值传递到下一页？

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

问题描述

  <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”

标签： javascripthtmljqueryasp.net.net

解决方案

您可以使用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;

推荐阅读