Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 11.02.2019, 18:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

TheSanches,
function resetCalc() {
  document.getElementById('garage-number').value = 'Количество гаражей';
  document.getElementById('garage-car').value = 'Сколько машин';
}
Ответить с цитированием
  #3 (permalink)  
Старый 11.02.2019, 18:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

TheSanches,
или так
function resetCalc() {
  document.getElementById('garage-number').options[0].selected = true;
  document.getElementById('garage-car').options[0].selected = true;
}
Ответить с цитированием
  #4 (permalink)  
Старый 11.02.2019, 18:58
Аспирант
Отправить личное сообщение для TheSanches Посмотреть профиль Найти все сообщения от TheSanches
 
Регистрация: 21.01.2018
Сообщений: 78

По первому примеру выдает такую страшную штуку

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+)?
Ответить с цитированием
  #5 (permalink)  
Старый 11.02.2019, 19:46
Аспирант
Отправить личное сообщение для TheSanches Посмотреть профиль Найти все сообщения от TheSanches
 
Регистрация: 21.01.2018
Сообщений: 78

Второй вариант работает отлично, большое спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
2 Select зависимы друг от друга u4enik12 Общие вопросы Javascript 8 13.06.2016 10:40
Проблемы с элементами select и input razorg1991 Элементы интерфейса 10 06.01.2016 01:09
Проверка нескольких select на одинаковые значения emulexx Общие вопросы Javascript 6 07.04.2015 15:19
Метод для конвертирования едениц px, em, %, pt. jegit Элементы интерфейса 0 07.03.2013 16:15
Проблема с динамическим формированием select elepsion jQuery 1 31.10.2010 14:31