1

Есть обычная html форма, типа

<form action="" method="POST" id="form">
    <input type="hidden" name="sum" value="22"> 
    <input type="hidden" name="age" value="18"> 
    <input type="submit">
</form> 

Получим форму в js, var form = document.querySelector('#form');.

Вопрос, как получить элемент этой формы с именем sum, form.getElementsByName('sum')[0]; не работает, т.к. getElementsByName применяется только к document?

2 ответа 2

7

// Длинно и нудно
console.log(document.getElementById('form').querySelector('[name="sum"]'))

// Короче, но всё ещё длинно и нудно
console.log(document.querySelector('#form input[name="sum"]'))

// Коротко
console.log(form.elements.sum)

// Ещё короче
console.log(form.sum)
<form action="" method="POST" id="form">
  <input type="hidden" name="sum" value="22">
  <input type="hidden" name="age" value="18">
  <input type="submit">
</form>

2
  • Спасибо, но мне понравился этот вариант document.querySelector('#form input[name="sum"]'), все таки querySelector мощная штука.
    – Shillkas
    9 ноя 2017 в 19:30
  • 1
    А мне form.sum тем что коротко записывается и легко читается 9 ноя 2017 в 19:31
2

Здравствуйте

Такое должно сработать:

var form = document.querySelector('#form');
var sum= form.elements.sum.value; // значение sum

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.