Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.01.2018, 21:32
Аватар для Chile
Аспирант
Отправить личное сообщение для Chile Посмотреть профиль Найти все сообщения от Chile
 
Регистрация: 10.02.2016
Сообщений: 46

Как очистить все поля формы?
Есть обычная форма. Значения сохраняются в сессии и не удаётся её очистить при помощи стандартного
<input type="reset" />


Вот эта кнопка, очищает только поле «txt».

<input type="button" value="Очистить" onclick="this.form.elements[\'txt\'].value=\'\'" />


Подскажите пожалуйста как при помощи javascript очистить всю форму?

Последний раз редактировалось Chile, 20.01.2018 в 21:35.
Ответить с цитированием
  #2 (permalink)  
Старый 20.01.2018, 23:53
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

document.querySelectorAll('input, textarea').forEach(el=>el.value = '');

но это крайний вариант.
Ответить с цитированием
  #3 (permalink)  
Старый 20.01.2018, 23:59
Аватар для Chile
Аспирант
Отправить личное сообщение для Chile Посмотреть профиль Найти все сообщения от Chile
 
Регистрация: 10.02.2016
Сообщений: 46

Отлично! Единственный рабочий вариант. Только он вообще все инпаты почистил, включая кнопки, можно как-то ограничить только типом текст?
Ответить с цитированием
  #4 (permalink)  
Старый 21.01.2018, 00:03
Аватар для Chile
Аспирант
Отправить личное сообщение для Chile Посмотреть профиль Найти все сообщения от Chile
 
Регистрация: 10.02.2016
Сообщений: 46

Разобрался:
<input type="button" name="clear" value="Clear Form" onclick="document.querySelectorAll(\'input[type=text], textarea\').forEach(el=>el.value = \'\');">
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS + PHP - не могу подружить их. AciDWarrioR Общие вопросы Javascript 13 01.03.2016 14:06
Как изменить поля в модели? Или как пересоздать модель? Risa ExtJS 3 20.02.2015 12:47
Как достучаться до всех элементов формы ganzalik228 Events/DOM/Window 4 26.05.2012 18:10
Как осуществить валидацию только выбранных полей формы? Tomas jQuery 2 18.02.2011 06:44
Название ячейки таблицы Questioner Общие вопросы Javascript 6 16.02.2011 09:58