javascript - 在向下钻取选择菜单中选择所选选项下方的所有选项

Question

如何选择所选选项下方的所有选项

例子

<select multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

如果我选择volvo下面的所有选项volvo，即；saab，opel并且audi需要选择。同样，选择opel应该选择audi 而不是volvo和saab。

Answer 1

用于.nextAll()查找当前选项之后的所有剩余选项并将它们设置为选中：

$("select").change(function(){
   $(this).find("option:selected").nextAll().prop("selected", true);      
});

小提琴