具有关联选择元素的表单

Question

如何创建一个有两个选择元素的web表单，当您选择第一个选择元素上的选项时，下一个选择元素上的选项将取决于您在第一个选择元素上选择的内容?

例如，如果你有四个学院，每个学院都有一些与之相关的课程。

Answer 1

您可以使用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
}