Очистить все поле ввода без необходимости удаления всего объекта вручную. Или что, если в поле ввода уже есть предварительно предложенный ввод, который пользователь не хочет. Там может быть много сценариев. Поэтому в этой статье мы узнаем, как очистить поле ввода.
Есть два способа сделать это, и оба очень просты и коротки. Давайте проверим их обоих.
Метод 1: Очистка ввода на фокусе.
У меня есть форма, которая отображает значения по клику из таблицы через функцию эха php. Эхогенная логика выглядит следующим образом:
Ни кнопка отмены, ни коды JavaScript, указанные в Очистить значение текстового поля в JQuery Работа.
Я думаю, это потому, что я повторяю это.
Кто-нибудь может мне помочь с этим?
Заранее спасибо…. ��
Постскриптум Все поля ввода и кнопка отмены находятся внутри …
Решение
Если вы включили JQuery в свой код, то вы можете сделать это так:
- добавлять четко OnClick (или другое имя) класс для всех полей, которые вы хотите пустым
- добавлять по щелчку обработчик кнопки
Вы можете включить jQuery следующим образом:
Есть input type=»text» и button . Нужно, чтобы при нажатии button, поле input type=»text» очищалось.
4 ответа 4
Прямое добавление обработчика события к элементу
Очистить значение поля ввода, либо любого другого DOM элемента имеющего свойство value , можно просто добавив обработчик к элементу. Недостатком этого подхода, является необходимость добавления обработчика к каждому элементу и помимо этого, элемент должен существовать на момент добавления обработчика:
Прямое добавление обработчика по селектору
Вместо использования id элемента, можно выбирать элементы по произвольному селектору, например по классу. Таким образом можно добавить обработчик сразу большому количеству элементов, а для передачи дополнительных параметров, можно воспользоваться data-атрибутами:
Фильтрация событий контейнера/документа
Для работы примеров, указанных выше, необходимо наличие элементов, к которым добавляется событие. Другими словами, если элемент добавляется динамически, т.е. не существует в момент добавления обработчиков, то такой код работать не будет. Я не претендую на истину в последней инстанции, но решаю эту проблему путём добавления обработчика события на контейнер или, в крайнем случае, на документ. Таким образом можно фильтровать элементы и на основе условий, таких как имя класса, наличие определённого атрибута, либо каких-либо других, выполнять определённые действия. При таком подходе Вы можете динамически добавлять новые элементы в контейнер или документ и не беспокоиться о добавлении тривиальных обработчиков событий. Помимо этого, все обработчики будут у Вас перед глазами в разметке элемента. Нужно лишь побеспокоиться об именах классов и атрибутов: