點擊元素並移動到另一個頁面，並在第一頁點擊元素的下拉菜單

我想簡化效果，但我不知道完成此操作的最佳方式是什麼。在第一頁中我有六個可點擊的div。當我點擊第三個div例如我想要移動到第二個頁面時，下拉菜單更改基於哪個div在第一頁中選擇並顯示下拉菜單中的第三個元素。當點擊第二個div例如移動到第二個頁面並且下拉菜單顯示他的第二個元素時等等。有人可以告訴我完成此操作的最佳方式。在此先感謝點擊元素並移動到另一個頁面，並在第一頁點擊元素的下拉菜單

來源

2016-06-24 7onc1

你應該包括你的代碼（div），以便它可以更容易地解決你的問題。 :) –

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

這裏說想這是你的第一頁（我用<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屬性在上面的代碼中。

Second.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相同。

來源

2016-06-24 08:38:38

謝謝人:)完美的作品 – 7onc1

點擊元素並移動到另一個頁面，並在第一頁點擊元素的下拉菜單

回答

相關問題