從同一班級隱藏div，然後按ID顯示同一班級的只有一個div

Question

我希望根據下拉菜單一次只顯示一個<div>。

我可以顯示div的罰款，但我不能隱藏其他下拉菜單時更改。

我做了一個班，所以我可以隱藏getelementbyclassname，然後只顯示我想要顯示的getelementbyid。

但是現在沒有任何東西顯示出來。這裏是我的jsfiddle - http://jsfiddle.net/Tuliobbs/p732M/

function Altera() { 
    document.getElementsByClassName('nao').style.display='none'; 
    var mylist=document.getElementById("Cidade"); 
    var cid=mylist.options[mylist.selectedIndex].value; 
    document.getElementById(cid).style.display='block'; 
} 

Answer 1

「固定在這裏 - http://jsfiddle.net/p732M/4/

這是CSS代碼：

.nao 
{ 
display:none; 
} 

.show { 
    display: block; 

} 

這是JavaScript代碼：

var visible = null; 

Altera = function() { 
    if(this.visible){ 
    this.visible.className = 'nao'; 
    } 
    var mylist=document.getElementById("Cidade"); 
    var cid = mylist.options[mylist.selectedIndex].value; 
    this.visible = document.getElementById(cid); 
    this.visible.className = 'show'; 
} 

需要注意的是：修復

ReferenceError: Altera is not defined

，在上面顯示的格式