单击元素并根据在第一页中单击的元素移动到带有下拉列表的另一个页面答案

【问题标题】：Click on element and move to another page with dropdown based on element that clicked in first page单击元素并根据在第一页中单击的元素移动到带有下拉列表的另一个页面
【发布时间】：2016-06-24 16:38:38
【问题描述】：

我想制作简单的效果，但我不知道什么是完美的方法。在第一页我有六个可点击的 div。例如，当我单击第三个 div 时，当下拉菜单根据第一页中选择的 div 并显示下拉菜单中的第三个元素而更改时，我想移动到第二页。例如，当单击第二个 div 时，比移动到第二页并下拉显示他的第二个元素等。有人可以告诉我这样做的完美方法吗？提前致谢

【问题讨论】：

您应该包含您的代码（div），以便更容易解决您的问题。 :)

标签： javascript html css

【解决方案1】：

您可以为此使用位置哈希。

这里假设这是你的第一页：（我用<a>标签而不是div简单解释）

First.html

<body>
    <a href="second.html#div1">Div1</a>
    <a href="second.html#div2">Div2</a>
    <a href="second.html#div3">Div3</a>
    <a href="second.html#div4">Div4</a>
    <a href="second.html#div5">Div5</a>
    <a href="second.html#div6">Div6</a>
</body>

注意上面代码中的 href 属性。

第二个.html

<select id="mySelect">
    <option value="div1">Div 1</option>
    <option value="div2">Div 2</option>
    <option value="div3">Div 3</option>
    <option value="div4">Div 4</option>
    <option value="div5">Div 5</option>
    <option value="div6">Div 6</option>
</select>
<script type="text/javascript">
    (function(){
        var hash = window.location.hash;
        if(hash!=""){
            document.getElementById("mySelect").value = hash.replace("#","");
        }
    })();
</script>

您在这里阅读window.location.hash 并在select 中设置相同的内容。

【讨论】：