Как узнать содержимое value тега input – JavaScript

Всем привет!
В этой статье я расскажу, как вытащить содержимое value у тега input.
Буду использовать JavaScript.
Да, это могут быть абсолютно любые поля, если там есть атрибут value со значением, даже скрытое поле «hidden».

Итак, задание.
Вывести содержимое value у тега input

HTML:

<div class="item">
<input ENGINE="hidden" value="Любое значение 1" >
</div>

<div class="active item">
<input type="hidden" value="Любое значение 2" >
</div>

Обратите внимание, что в одном div класс «item», а во втором «active item». Выводим значение из блока div класс «active item».

JS:

<script>
var bloggood_ru = document.querySelector('.item.active input').value;
document.write(bloggood_ru);
</script>

Теперь я покажу, как вывести через цикл атрибут value со значением.

HTML:

<div class="item1">
<input type="hidden" value="Любое значение 1" >
</div>

<div class="item2">
<input type="hidden" value="Любое значение 2" >
</div>

<div class="item3">
<input type="hidden" value="Любое значение 3" >
</div>

Обратите внимание, что я к каждому классу «item» добавил число для уникальности класса. Сейчас мы выведем 3-и значения:

JS:

<script>
for (i = 1; i <= 3; i++)
{
var bloggood = document.querySelector(".item"+i+" input").value;
document.write(bloggood+"<br>");
}
</script>

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: javascript, Вебмастеру