javascript - 为另一个 HTML 类设置选定选项

Question

如何在加载该页面之前为该页面设置所选选项？

假设我有页面 A 和 B。
如果用户单击页面 A 上的按钮，它会将页面 B 中的默认选项更改为“某物”，然后将用户带到页面 B。(所以我希望它在页面 B 加载之前更改)。

Answer 1

如果您打算使用没有后端语言的纯 JS HTML，您可以尝试使用 GET 变量。

第 1 页 HTML:

<a href="p2.html?v=1">Option 1</a><br />
<a href="p2.html?v=2">Option 2</a><br />

P2 HTML:

<form>
  <input id="Option1" type="radio" name="Option" value="1">Option 1 </input>
  <input id="Option2" type="radio" name="Option" value="2">Option 2 </input>
</form>

第 2 页 JS:

var queryDict = {}
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})  //Parse GET Params
document.getElementById("Option" + queryDict["v"]).checked = true;  //Set Option checked