Очистка 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,
function resetCalc() { document.getElementById('garage-number').value = 'Количество гаражей'; document.getElementById('garage-car').value = 'Сколько машин'; } |
TheSanches,
или так function resetCalc() { document.getElementById('garage-number').options[0].selected = true; document.getElementById('garage-car').options[0].selected = true; } |
По первому примеру выдает такую страшную штуку
The specified value "\u0412\u0438\u0434 \u043E\u0442\u043E\u043F\u043B\u0435\u043D\u0438\u 044F?" is not a valid number. The value must match to the following regular expression: -?(\d+|\d+\.\d+|\.\d+)([eE][-+]?\d+)? |
Второй вариант работает отлично, большое спасибо!
|
Часовой пояс GMT +3, время: 19:30. |