解锁/启用用户当前选择的相邻下拉菜单?

时间:2014-05-02 22:06:01

标签: javascript jquery html drop-down-menu

我在html网页上有一个包含三个下拉列表的表单,其常用选项为:

  • 第一个下拉列表(A)有选项1到6,以及'未设置'。
  • 第二个下拉列表(B)包含选项1到7,以及“未设置”。
  • 第3个下拉菜单(C)包含选项1到6,以及“未设置”。

我想在相邻的下拉列表中添加一组规则,只有在用户从上一个下拉列表中选择了一个选项时启用它:例如:如果用户从下拉列表中选择了选项,则只能从下拉列表B中选择一个选项甲

另外,我想应用一组规则来修改选项:

  • 如果B为1,则C只能包含1或'未设置'
  • 如果B为4,则C只能包含1到5,或“未设置”

如何使用JavaScript或Jquery执行此操作?

1 个答案:

答案 0 :(得分:0)

我没有确切的代码,但您不会在相邻的下拉列表中应用规则。您可以在活动下拉列表中应用启用或禁用相邻下拉列表的规则。

在您的情况下,下拉列表A需要有一个" OnChange"根据用户在下拉列表中做出的选择启用或禁用下拉列表B(使用DOM)的事件(或某些类似事件)。下拉列表B的相同内容:当用户进行选择时,下拉列表B调用的函数启用或根据用户在下拉列表B中选择的内容禁用下拉列表C.