我的多级依赖选择列表有问题，我有六个相互依赖的选择列表，我已经编写了一个代码来使用jquery创建动态列表。选择命名为区，tehsil，项目，中心，学校和用户。当我选择序列中的所有选项时，它工作正常， district-＆gt; tehsil-＆GT;项目 - ＆gt;中心 - ＆gt;学校 - ＆gt;用户 ，当我在 分区 - > tehsil - ＆gt;在点击未更新的父子tehsil之后，区（此处是tehsil的父级 ），并且此问题存在于所有层次结构中....此jquery代码调用6个控制器和模型。由于问题的长短，这些不包括在这里。我该怎么办 ？ 这是我的jquery代码
TextView答案 0 :(得分：0)
在每个级别中，您必须在更改顶级选项时删除所有下一个选项，并再次设置下一级别，例如在学校级别：
$('#schools_id').nextAll("select").each(function(){
$(this).find('option').remove();
})
// Then set again the next level
我使用nextAll假设选择是兄弟姐妹。在其他地方你必须使用propper selector
答案 1 :(得分：0)
将所有if else语句从最具体到最不具体的组织起来，摆弄父输入会触发事件处理程序，但会被其子语句的else语句捕获。
根据您正在与之交互的输入，为所有六个输入使用单独的事件处理程序，而不是单独检查值，并且您的逻辑将更符合您的计划。
您甚至可以更轻松地处理用户跳回几个级别的情况，您应该重置/禁用一些选择。