Html 依赖下拉式上一级关系为'；行不通

我偶然发现了一个用于依赖下拉列表的jQuery解决方案，并根据我的需要对其进行了定制。但是，由于某些原因，最后一个级别与上面的级别不起作用。这是，如果你能看一下，我会非常感激的。语言是匈牙利语，但问题是，如果我在第一层选择“gyümölcs”，在第二层选择“dinnye”，在第三层选择“sárga”，在堡垒选择“Szeletlet”，最后的选择应该是“keresztbe”和“hosszaba”。现在由于某种原因，我看到所有四个选项都可以从第四个级别获得，而不仅仅是相关的两个…

您可以在这里仅显示与

\u rel

匹配的选项。因此，您的代码如下所示：

 $forth.on("change", function() {
    var _rel = $(this).val();
   //hide all option
    $fifth.find("option:not(.label)").hide();
    //filter 
    $fifth.find("option").filter(function() {
      //check if value in rel is equal
      return $(this).attr('rel') == _rel;
    }).show(); //show that option
    $fifth.prop("disabled", false);
  });

演示代码：

$（文档）.ready（函数（）{
变量
$first=$（“#类别1”），
$second=$（“#类别2”），
$third=$（“#类别3”），
$forth=$（“#类别4”），
$fifth=$（“类别5”）；
/*卡泰戈里亚克*/
/*凯特斯特瓦拉斯特*/
$first.on（“更改”，函数（）{
var_rel=$（this.val（）；
$second.find（“option”）.attr（“style”和“）；
$second.val（“”）；
$third.val（“”）；
$forth.val（“”）；
$5th.val（“”）；
$second.prop（“禁用”，真）；
$third.prop（“禁用”，正确）；
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
如果（！\u rel）{
$second.prop（“禁用”，真）；
$third.prop（“禁用”，正确）；
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
返回；
}
$second.find（“[rel=“+\u rel+”]）show（）；
$second.prop（“禁用”，false）；
});
/*哈尔马斯特·瓦拉斯特*/
$second.on（“更改”，函数（）{
var_rel=$（this.val（）；
$third.find（“option”）.attr（“style”和“）；
$third.val（“”）；
$forth.val（“”）；
$5th.val（“”）；
$third.prop（“禁用”，正确）；
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
如果（！\u rel）{
$third.prop（“禁用”，正确）；
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
返回；
}
$third.find（“[rel=“+\u rel+”]）show（）；
$third.prop（“禁用”，错误）；
});
/*négyest választ*/
$third.on（“更改”，函数（）{
var_rel=$（this.val（）；
$forth.find（“option”）.attr（“style”和“）；
$forth.val（“”）；
$5th.val（“”）；
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
如果（！\u rel）{
$forth.道具（“禁用”，正确）；
$fifth.道具（“残疾”，真实）；
返回；
}
$forth.find（“[rel=“+\u rel+”]）show（）；
$forth.道具（“禁用”，错误）；
});
/*ötöst választ*/
$forth.on（“更改”，函数（）{
var_rel=$（this.val（）；
//隐藏所有选项
$fifth.find（“选项：非（.label）”）.hide（）；
//滤器
$fifth.find（“option”）.filter（函数（）{
//检查rel中的值是否相等
返回$（this）.attr（'rel'）==\u rel；
}).show（）；//显示该选项
$fifth.道具（“禁用”，假）；
});
});

1.szint：
KérjüK válasszon！
佐尔塞格
居默尔茨


2.szint：
KérjüK válasszon！
斯泽尔
丁尼


3.szint：
KérjüK válasszon！
皮罗什
萨尔加


4.szint：
KérjüK válasszon！
斯泽莱特
科卡佐特


5.szint：
KérjüK válasszon！
法吉亚斯托特
弗里斯
克列斯茨特贝
霍萨巴
请在此处添加您的代码