简单的Javascript代码在Chrome和Safari中不起作用

这里有来自JS和HTML的部分：count在任何地方都有效，但hideKid和showKid仅在Firefox中有效。Chrome的调试器甚至不能实现带有*Kid函数的行

函数值{ document.getElementsByName'child'[value].hidden=false； } 函数hideKidvalue{ document.getElementsByName'child'[value].hidden=true； } 成人 小孩 2 - 6 7 - 13 年

---

最好检查select的值以隐藏内容。onclick-on选项不应该绑定到这些选项。您可以在select上绑定另一个onchange函数，并检查select的值以确定应该隐藏哪个。只需添加以下代码，就可以了。下面是一个小演示：

---

它看起来确实是@PaulRoub的副本，但是保持代码外观不变的一个简单方法是在onchange中添加一些东西

成人 小孩 2 - 6 7 - 13 年 函数计数{} 函数值{ document.getElementsByName'child'[value].hidden=false； } 函数hideKidvalue{ document.getElementsByName'child'[value].hidden=true； } 函数getSelectedOptionselect{ 返回select.options[select.selectedIndex]； }

---

不要在选项元素上设置单击事件->在选择时检测单击事件并检查所选选项值hidden属性是非常新的，可能不在任何地方都受支持。非常感谢。干净的回答没问题！如果你愿意的话，我可以把另一个问题的部分答案放在那里，如果有帮助的话。不，谢谢，够了

    var ageSelect = document.getElementsByName('age')[0];
    ageSelect.addEventListener('change', function() {    
        if (ageSelect.value == "Adult"){
            hideKid(0);
        }else{
            showKid(0)
        }         
    })

function getSelectedOption(select) {
    return select.options[select.selectedIndex];
}