Вопрос по js - selecet

505

24 ноября 2016, 10:24

Как можно сделать так, чтобы при выборе в селекте был полный список - option. Но когда какой-то option выбран - убирать все остальные варианты? Желательно в juqery.

Первый выбор

Когда что-то выбрали:

Answer 1

Используем фильтр :not(селектор) - удаляет все, кроме указанных селекторов

$(document).ready(function () { 
   
  $('#select').change(function () { 
    $('#select option:not(#select option:selected)').remove(); 
  }); 
   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<select id="select"> 
    <option value="s1">s1</option> 
    <option value="s2">s2</option> 
    <option value="s3">s3</option> 
</select>