select 向下钻取 select 菜单中 selected 选项下方的所有选项

Question

如何 select selected 选项下面的所有选项

例子

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

如果我 select volvo 那么下面的所有选项 volvo，即； saab、opel 和 audi 需要 selected。同样，selecting opel 应该 select audi 而不是 volvo 和 saab.

Answer 1

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

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

FIDDLE

select 向下钻取 select 菜单中 selected 选项下方的所有选项

select all the options below the selected option in drill down select menu

javascript

jquery

html

selection

bootstrap-multiselect