Очистка 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, время: 17:52. |