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

Question

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

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

例如：- 如果用户 select 从此页面的年龄为 5-9 岁，并且用户已在下一页看到所选年龄，例如“所选年龄为 5-9”

Answer 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;

Answer 2

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