在向下钻取选择菜单中选择所选选项下方的所有选项答案

【问题标题】：select all the options below the selected option in drill down select menu在向下钻取选择菜单中选择所选选项下方的所有选项
【发布时间】：2015-01-15 04:32:11
【问题描述】：

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

例子

<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。

【问题讨论】：

您是如何尝试自己解决这个问题的？
@amer 看起来您在下面有一个可行的解决方案。如果这是您要查找的内容，请务必将其勾选为正确。你需要检查一个工作示例，这样你的问题就不会结束
@CrazyJoeDavola 抱歉，我实际上是在尝试完成其他事情，但提供的解决方案回答了问题

标签： javascript jquery html selection bootstrap-multiselect

【解决方案1】：

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

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

FIDDLE

【讨论】：