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

＆＃34;修正了这里 - 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

，以上面显示的格式定义你的功能

隐藏同一个类中的div，然后按ID显示同一个类中的一个div

1 个答案: