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

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);      
});

FIDDLE