Показать сообщение отдельно
  #1 (permalink)  
Старый 11.02.2019, 18:41
Аспирант
Отправить личное сообщение для TheSanches Посмотреть профиль Найти все сообщения от TheSanches
 
Регистрация: 21.01.2018
Сообщений: 78

Очистка select
Есть функция, которая по нажатию на кнопку очищает select, нужно чтобы первый option не очищался, а все остальные очищались, поскольку в первом option записана подсказка, подобие placeholder.

Сами select находятся вне form, поэтому пытаюсь реализовать без стандартного reset.

На данный момент очищается весь select, и поле становится пустым.

Как можно реализовать подобную идею?

Спасибо!

<select id="garage-number" class='floor'>
     <option selected disabled>Количество гаражей</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
</select>
<select id="garage-car" class='floor'>
       <option selected disabled>Сколько машин</option>
       <option value="1">на одну машину</option>
       <option value="2">на две машины</option>
       <option value="3">на три машины</option>
</select>

<button id='reset'>сбросить</button>


function resetCalc() {
  document.getElementById('garage-number').value = '';
  document.getElementById('garage-car').value = '';
}
 reset.onclick = resetCalc;

Последний раз редактировалось TheSanches, 11.02.2019 в 18:43.
Ответить с цитированием