Javascript 根据Select语句选项隐藏Div类

我对javascript相当陌生，我正在尝试为我的网站制作一个表单，我被javascript卡住了， 这就是我所拥有的：

<script type="text/javascript">
function hide(opt) {
if (getElementsByClassName(opt).style.display='none';){
getElementsByClassName(opt).style.display='block';
}
else{
getElementsByClassName(opt).style.display='none';
    }
}
</script>

函数隐藏（opt）{
if（getElementsByClassName（opt.style.display='none'；）{
getElementsByClassName（opt.style.display='block'；
}
否则{
getElementsByClassName（opt.style.display='none'；
}
}

我打算脚本做的是接收一个变量（用户选择的选项），然后显示具有相同名称的类的所有元素（因此，如果选项为orc，则显示orc div，但如果选择的选项为elf等，则隐藏orc div） Html:

姓名：
性别：
选择性别。。。
男性
女性
种类：
选择物种。。。
人类
兽人
精灵
矮子
卓尔
耳鼻喉科
亚种：
挪威人
希腊的
心脏地带者
亚种：
黑兽人
恶魔兽人
绿色兽人
祖国：
选择家园。。。
城堡
怀德哈恩
梅里思
祖国：
选择家园。。。
贝拉克
瓦斯伯伦

不幸的是，当我更改“物种”组合框的内容（我在多个浏览器上尝试过）时，什么都没有发生。我做错了什么？ 我意识到getElementsByCassName（）是HTML5的一个函数，但根据InterWeb，它与所有主要浏览器兼容。

---

感谢您花时间

getElementsByClassName

返回一个数组，您必须对结果进行迭代。并且在测试中要小心使用

=

（而不是

=

）

但我建议你看看。您的生活将变得更加轻松，因为您可以通过以下方式实现所需：

$('.human, .orc, .elf, .dwarf, .drow, .ent').hide();
$('.'+opt).show();

---

（请参阅fiddle:）

我将jquery添加到我的页面中，并在隐藏函数中运行它（而不是其他所有函数），但它没有任何效果：/Ok，我不理解您的需要。我已经制作了一个新版本（并用你的提琴进行了测试）：非常感谢：）你是一个救生员：）我也是一个免费游戏的制作者（如果你愿意，请点击我个人资料中的链接，当你在这里问关于你制作的免费游戏的问题时，请给我发邮件）。祝你好运；）

$('.human, .orc, .elf, .dwarf, .drow, .ent').hide();
$('.'+opt).show();