Есть функция, которая по нажатию на кнопку очищает 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;