Question

我有4个相关的类别选择和3个子类别

<select size="10" class="selcat" id="sel_0" name="sel_0">...</select> <!-- category --->

<select size="10" class="selcat" id="sel_1" name="sel_1">...</select> <!-- subcategory --->

<select size="10" class="selcat" id="sel_2" name="sel_2">...</select> <!-- subsubcategory --->

<select size="10" class="selcat" id="sel_3" name="sel_3">...</select> <!-- subsubsubcategory --->

我有jQuery / Ajax填充子类别选择onchange。

一切正常，除了onChange四个选择中的任何一个，我想最初清空任何低于更改的选择的其他选择。因此，例如，如果选择了一个类别，我希望在重新填充基于新选择之前，三个子类别选择为空。如果选择了子子类，我需要在重新填充之前清空subsubsubcategory。

以下脚本会清空除类别

以外的所有内容

$(".selcat").not("#sel_0").empty();

我如何调整它以清空任何大于当前选择的ID号。希望这是有道理的。

Answer 1

$("select").change(function() {
    $(this).nextAll("select").empty(); 
});

您可以更具体地使用类。

Fiddle

empty（）仅适用于大于当前id的ID

1 个答案: