Javascript 如何根据下拉选择显示和隐藏表单中的字段？

我试图创建一个表单，当下拉列表中的某些元素被选中时，该表单将显示和隐藏表单的特定字段

我目前已经找到了一种使用CSS隐藏它的方法，但我不确定在选择下拉列表中的特定值时，如何使用CSS或JavaScript来取消隐藏它们

这就是我目前得到的： HTML:

年龄：* 选择 0-16 17-25 26-40 41-60 61+ 驾驶执照： CSS:

input.hidden{ 显示：无 } 标签隐藏{ 显示：无 }

---

我希望现场驾驶执照保持隐藏状态，除非在下拉列表ageRange中选择除select和0-16之外的任何值。

尝试一次更改并获取值，然后使用以下代码添加或删除类

功能检查{ ife.value！=“0”和&e.value！=“0-16”{ var lab=document.getElementByIdlicLab； lab.classList.removehidden； var txt=document.getElementByIdlicense； txt.classList.removehidden； }否则{ var lab=document.getElementByIdlicLab； lab.classList.addhidden； var txt=document.getElementByIdlicense； txt.classList.addhidden； } } input.hidden{ 显示：无 } 标签隐藏{ 显示：无 } 年龄：* 选择 0-16 17-25 26-40 41-60 61+ 驾驶执照： 试试这个

$document.ready函数{ $'.hidden.隐藏 } $'select'。在'change'上，函数{ 如果this.value='0'| | this.value=='0-16'{ $'.hidden.隐藏 } 否则{ $'.hidden'.show } } 年龄：* 选择 0-16 17-25 26-40 41-60 61+ 驾驶执照：

---

以下是您如何做到这一点的方法。只需通过下拉选择所选值并与值进行比较。如果selectedValue为0-16，只需在tr上添加隐藏类，否则删除

document.getElementByIdtoHide.classList.addhidden； 函数myFunction{ var selectedVal=document.getElementByIdageRange.value； 如果selectedVal==0-16 | | selectedVal==0{ document.getElementByIdtoHide.classList.addhidden； document.getElementByIdleLicense.value=； }否则{ document.getElementByIdtoHide.classList.removehidden； document.getElementByIdlicense.value=selectedVal； } } .隐藏{ 显示：无 } 年龄：* 选择 0-16 17-25 26-40 41-60 61+ 驾驶执照：

---

问题中没有提到Jquery。问题只是说Javascript。我已经尝试过实现这段代码，但是当我使用onchange时，它不会从JavaScript脚本调用任何函数。我用另一个名为test的函数测试了它，并将其设置为alertSuccessful，但它也没有调用该函数。你知道我能做些什么来解决这个问题吗？不管我怎么解决这个问题。JavaScript抛出了几个我没有看到的语法错误。谢谢你的帮助。