具有关联选择元素的表单

Question

如何创建一个包含两个选择元素的Web表单，当您在第一个select元素上选择一个选项时，下一个select元素的选项将取决于您在第一个select元素上选择的内容？

例如，如果你有四个院系，每个教师都有许多与之相关的课程。

Answer 1

您可以通过将脚本放在第二个select元素中来使用javascript来检测第一个select元素的值。 如果是这种情况，建议将第一个选择元素放在表单中并命名。

<script>
var select=document.forms["form-name"]["first-select-element-name"].value;
if(select=="option-one")
{
   //Do this
}
else if(select=="option-two")
{
  //Do this
}