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は選択する必要がありますが、 and は選択audi しないvolvoでsaabください。

Answer 1

.nextAll()現在のオプションの後に残っているすべてのオプションを検索し、それらを選択済みに設定するために使用します。

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

フィドル