Question

如何根据其他页面的链接预先选择下拉选项？根据用户点击的链接，我需要在结果页面上预先选择适当的下拉索引。

第一页：

<a href="http://somesite.com?mySelect=1">Option 1</a>
<a href="http://somesite.com?mySelect=2">Option 2</a>
<a href="http://somesite.com?mySelect=3">Option 3</a>
<a href="http://somesite.com?mySelect=4">Option 4</a>

第二页代码：

<select id="mySelect" name="mySelect">
    <option>Select Option</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

JavaScript（第二页）：

<script type="text/javascript">
    document.getElementById("mySelect").selectedIndex="**Appropriate Index**";
</script>

我无法找到将上述JS传递给URL参数的方法。上述代码仅在与下拉列表位于同一页面时才有效。我需要添加上面的JS才能选择并显示正确的索引。

Answer 1

您可以使用HTML5本地存储通过单击链接保存一些参数，然后将其带到另一页上。文章例如： http://diveintohtml5.info/storage.html

Answer 2

我想出了一个不同的解决方案：

if (/REPLACE_WITH_YOUR_TEXT/.test(window.location.href)) {
document.getElementById("image").style.display = "none";
document.getElementById("text3").style.display = "block";
}

根据上一页的链接创建从属下拉列表

2 个答案: