在html select的onChange上传递参数

Question

假设我有两个html页面都包含相同的选择框：

<select onchange="this.options[this.selectedIndex].value && (window.location =    this.options[this.selectedIndex].value);">
<option value="/site1.php">Site1</option>
<option value="/site2.php">Site2</option>
</select>

我正在寻找一种方法将selectedIndex的值传递给下一页，所以我也可以在第二页选择框中使用它。有什么建议吗？

提前致谢

Answer 1

<强> localStorage的

商店：

localStorage.userEdits=this.options[this.selectedIndex].value;

获取，在另一页：

var yourIndex = localStorage.userEdits;

<强>散列

集：

window.location.href="yourURL#index="+this.options[this.selectedIndex].value;

得到：

var yourIndex=window.location.hash.replace("index=","").parseInt();

Answer 2

您可以使用查询参数：

window.location = 'YOUR_URL?selectedIndex=' + this.options[this.selectedIndex].value

使用查询参数强制您解析它们。这是解释here（你可以用纯JS做得很好）。