使用Javascript隐藏元素。不适用于IE和Chrome

我有隐藏元素的问题。 我已经读过这个话题了 但是没有得到那里的帮助。Javascript代码，隐藏/显示文本框和单选按钮的内容：

function hide1(a)
{
var text1=document.getElementById("text1");
text1.style.visibility = 'visible';
text1.value = a;

document.getElementById("radio1").style.visibility = 'hidden';
document.getElementById("radio2").style.visibility = 'hidden';
document.getElementById("rlabel").style.visibility = 'hidden';
}

function show1()
{
document.getElementById("text1").style.visibility = 'hidden';
document.getElementById("radio1").style.visibility = 'visible';
document.getElementById("radio2").style.visibility = 'visible';
document.getElementById("rlabel").style.visibility = 'visible';
}

和HTML：

<select id='listb2'>
  <option onclick='hide1("$age");' value='1'>Age</option>
  <option onclick='show1();' value='2'>Sex</option>
</select>

现在使用Firefox和Opera，当我选择其中一个选项时，它会将单选按钮和文本框更改为可见/隐藏。但有了Chrome和IE，他们不会。我也试过。style.display='none'；IE和Chrome、FF和Opera上都没有发生任何事情，即使这次也能正常工作

FF 5.0；铬12；IE 8；歌剧11.50

现在与以下人员合作：

<select onchange='hideshow(this.value);' id='listb2'>
  <option value='1'>Age</option>
  <option value='2'>Sex</option>
</select>

---

我真的鼓励您为此使用jQuery。jQuery保证这在每个浏览器中都能正常工作。实际上，这很容易

---

尝试将“显示”设置为“无”，而不是将“可见性”设置为“隐藏”

document.getElementById('header').style.display = 'none';

编辑：不太确定是否可以在那些浏览器中的选项元素上设置onclick属性。。。请尝试在周围的select标记上使用onchange。

onclick对选项元素无效

处理select的onchange事件，使用下面的代码获取所选值，然后执行条件处理

var element = document.getElementById("listb2");
var selectedValue = element.options[element.selectedIndex].value;

---

如果从选择框中删除onclick事件，如下所示：

<select id='listb2'>
  <option value='1'>Age</option>
  <option value='2'>Sex</option>
</select>

---

有火吗？试着提醒藏身处的什么东西。不，没有。我能做些什么吗？select不起作用，使用onchange时我遇到了一些问题aswell@Timo：onchange是在HTML4规范中为select:出现了什么问题？是的，现在我知道了，不知道我在想什么：D.但是onchange上次还有什么问题。我会再检查一次。谢谢大家，一旦更改工作正常，也许我上次犯了一些错误。实际上我已经在使用它了，我发布了旧代码，因为我确信它工作正常。现在我确信display也可以与FF和Opera一起使用

<select id='listb2'>
  <option value='1'>Age</option>
  <option value='2'>Sex</option>
</select>

var selectBox = document.getElementById("listb2");
selectBox.onchange = function(e){
    if(selectBox.value == 1) {
        // Do what you want for Age
        hide1();
    } else if(selectBox.value == 2) {
        // Do what you want for Sex
        show1();
    }
}