我如何使用相同的div id用於不同的目的

-1

我如何使用相同的div和相同的div內容和id用於不同的目的。例如：如果我創建了3年的下拉說1991,2001和2011年。然後當我點擊1991年，它顯示一些消息，當我點擊2001年它使用相同的div內容和div ID，但顯示一些其他消息。每當用戶點擊每年時，我都必須顯示大量信息。當用戶點擊不同年份時，有什麼方法可以覆蓋同一個div嗎？我如何使用相同的div id用於不同的目的

來源

2014-09-21 user2711295

此主題可能對您有用。 http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript – 2014-09-21 09:47:51

你必須隱藏和顯示div內的內容基於點擊與特定的ID使用簡單如果條件在JavaScript .. – 2014-09-21 09:51:32

你有什麼試過？代碼是什麼樣的，它有什麼問題？ – 2014-09-21 13:27:19

是的，你可以：

var mydiv = document.getElementById('divId'); 
 
var info = mydiv.getElementsByClassName('info')[0]; 
 

 
mydiv.getElementsByTagName('select')[0].addEventListener('change', function() { 
 
    if (this.value == 1) { 
 
     info.innerHTML = "This was the 1 option."; 
 
    } else if (this.value == 2) { 
 
     info.innerHTML = "This was the 2 option."; 
 
    } else if (this.value == 3) { 
 
     info.innerHTML = "This was the 3 option."; 
 
    } else { 
 
     info.innerHTML = ""; 
 
    } 
 
});

<div id="divId"> 
 
    <select> 
 
     <option value="0">choose an option</option> 
 
     <option value="1">1 option</option> 
 
     <option value="2">2 option</option> 
 
     <option value="3">3 option</option> 
 
    </select> 
 
    <div class="info"> 
 
    </div> 
 
</div>

來源

2014-09-21 09:54:07 GramThanos

如果「mydiv」是你div的ID：

document.getElementById("mydiv").innerHTML= "Whatever you want in the div...";

或者使用jQuery：

$("#mydiv").html("Whatever you want here...");

或者如果你不關心古代瀏覽器：

document.querySelector("#mydiv").innerHTML = "Whatever you want in the div...";

來源

2014-09-21 09:55:17 Crowcoder

我如何使用相同的div id用於不同的目的

回答

相關問題