显示基于先前下拉列表的下拉值

我有以下表单字段：

Carrier Sold:    Metlife Travelers  

如果我选择值Metlife，我需要将Bill，Full作为我的下拉值。

如果我选择旅行者，我需要获得EFT，RCC作为我的下拉值。

  Payment Plan:    

最后，如果我从上面的2个下拉列表中选择Metlife和Bill，我需要在下面显示一个单选按钮。

  Is minimum DP required?  Yes No 

否则不要显示单选按钮。在jquery中有点压倒性的。 有人能指出我正确的方向

Answer 1

您需要引用每个孩子的父母。 运营商：

 Carrier Sold:   Select... Metlife Travelers  

旅行者：为每个选项存储父级，例如在data-xyz属性中。

 Payment Plan:   Select... Bill Full EFT RCC  

jQuery：

 $('#carrier_sold').change(function() { var parent = $(this).val(); $('#payment_plan').children().each(function() { if($(this).data('parent') != parent) { $(this).hide(); } else $(this).show(); }); }); 

重复下一个实例。 理想情况下，我会创建一个基于类的jQuery函数，该函数使用类而不是ID，并通过data-child属性或类似函数从每个父项中提取相应data-child 。

为了使它更加爵士乐，除非父母有价值，否则你可以隐藏孩子。 您还可以尝试使用change()和blur() 。

Answer 2

使用JQuery检查创建级联下拉列表