ginesufa
@ginesufa

Как узнать id формы через его дочерний input?

Сильно не пинайте, js знаю на уровне «Я сделал калькулятор!»


У меня есть 2 формы в каждой из которых есть input с типом text
<form id="form1">
    <input type="text">
</form>
<form id="form2">
    <input type="text">
</form>

и есть событие change для input'ов которое выводит данные в консоль об объекте к которому я обратился.
В консоли я обнаружил данные о моем объекте, в котором есть строка currentTarget, а в ней строка form указывающая в какой именно форме input был изменен.
$('input[type=text]').change(function(event) {
    console.log(event);
});

Вопрос первый: правильно ли я понимаю, что весь гигантский массив который я лицезрел в консоли содержит моя переменная event.
Вопрос второй: как мне получить значение из строки объекта (требуется строка form).
  • Вопрос задан
  • 58 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
У объекта event есть свойство target. Там содержится элемент, на котором произошло событие. В вашем случае это HTMLInputElement. У него, в свою очередь есть свойство form, содержащее форму (HTMLFormElement), которой принадлежит поле ввода. А у него, как и у других элементов, присутствует свойство id.
Исходя из вышенаписанного, получить доступ к идентификатору формы можно так:

$('input[type=text]').change(function(event) {
  let id = event.target.form.id;
  console.log(id);
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
wapster92
@wapster92 Куратор тега JavaScript
А зачем ты вешаешь событие на отдельные инпуты, если можно на форму повесить
Ответ написан
@zkrvndm
Боты, парсеры, расширения
Вызывайте parentElement в цикле до тех пор, пока не получите элемент с тегом form.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы