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



我有一个html网页上有三个下拉框的表单,通常的选项是:

  • 第一个下拉框(A)有选项1到6,以及"不设置"。
  • 第二个下拉框(B)有选项1到7,以及"不设置"。
  • 第三个下拉框(C)有选项1至6,以及'不设置'。

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

我还想应用一组规则来修改选项:

  • 如果B为1,则C只能包含1或'not set'
  • 如果B为4,则C只能包含1到5,或者'不设置'

我该如何用JavaScript或Jquery做到这一点?

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

在你的情况下,下拉A需要有一个"OnChange"事件(或一些类似的事件),启用或禁用下拉B(使用DOM)基于用户在下拉A的选择。下拉B同样的事情:当用户做出选择时,下拉B调用的函数要么启用或禁用下拉C基于用户刚刚在下拉B中选择了什么

最新更新