Как получить текст из input js

Курсы javascript

Выходит: Инпут 1, Инпут 2, Инпут 3.
Всё норм.
Но если на странице изменить в значениях инпута текст и попытаться снова его вывести в логи, то выводится старые значения, а не то что мы ввели.
Как исправить эту проблему?

Последний раз редактировалось erilar, 13.01.2021 в 03:23 .
13.01.2021, 04:06
Интересующийся
Регистрация: 07.01.2015
Сообщений: 11

Мда. Кодить в 3 часа ночи явно не нужно. Сам создал себе глупую ошибку.
valInput.push(inputs[index].defaultValue);
записывает изначальное значение.
Чтобы получить то, что мы вписываем в инпут нужно написать это:

valInput.push(inputs[index].value);

Спасибо всем за ответы и глупые вопросы «А зочем ето тебе нужна?», «А зочем тебе достоват из инпута валуе?»
Вопрос решен!

Последний раз редактировалось erilar, 13.01.2021 в 04:09 .
13.01.2021, 08:25
Регистрация: 27.05.2010
Сообщений: 33,039
erilar,

Курсы javascript

Да да, я сейчас на этом этапе.
А как мне это значение вывести в блоке например?

 
  
Венге
 
  

08.12.2013, 19:46
Регистрация: 14.09.2013
Сообщений: 252

 
  
Венге
 
  

Но почему-то строка с нужным предложением не появляется

08.12.2013, 20:03
Регистрация: 07.11.2013
Сообщений: 4,660

document.getElementById("zayavka").appendChild(div);

08.12.2013, 20:33
Регистрация: 14.09.2013
Сообщений: 252

 
  Венге 
 

function someFunc() < var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество function empty_form () < var quantity = document.getElementById('quantity').value; if(quantity == '') < alert('Вы забыли ввести текст.'); return false; >return true; > var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара) var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента с названием цвета товара var div = document.createElement("div"); // Создаем элемент div div.innerHTML = "Ваша заявка:\n 
"+tovar+" "+price+" руб.
"; // Наполняем созданный div содержанием с подстановкой значения price document.getElementById("zayavka").appendChild(div); // Все вкладывается в 

Добавил вложенную функцию empty_form () для проверки введено ли вообще в поле количество что-то. Но почему-то не работает.

10.12.2013, 09:01
Регистрация: 03.05.2011
Сообщений: 848
Batyabest, добавить то вы ее добавили (объявили), а где вы ее вызываете (используете) ?
10.12.2013, 19:20
Регистрация: 14.09.2013
Сообщений: 252

Я вызываю функцию someFunc() а та функция вложена в нее, она не должна работать? просто мне нужно объеденить их и чтобы по вызову одной они обе работали.

30.10.2014, 20:16
Интересующийся
Регистрация: 08.10.2014
Сообщений: 16
А можно ли записать в переменную значение input который находится в фокусе таким образом

var s = this.value;

Как получить значение поля input с помощью JavaScript

Вы можете просто использовать свойство value элемента input DOM, чтобы получить значение поля ввода текста.

В следующем примере введенный текст будет отображаться в поле ввода при нажатии кнопки с использованием JavaScript.

       Get Value   

Читайте также

Похожие примеры:

• Как получить значение текстового поля в jQuery
• Как получить выбранное имя файла из файла типа ввода с помощью jQuery
• Как проверить наличие пустой строки в JavaScript

Получаем данные из поля ввода с помощью input.value

Мы научились с помощью скрипта изменять текст на странице, когда пользователь отправляет форму. У нас это форма подписки на рассылку, и нам нужно сообщить пользователю, что он успешно подписался. Сообщение будет выглядеть так:

Адрес e-mail добавлен в список получателей рассылки.

Адрес электронной почты в сообщении должен быть тем, который введёт пользователь. Как его получить?

Нам поможет особое свойство, которое есть у полей ввода, — value . Допустим, на странице есть поле ввода input :

Босс проходил мимо и ввёл туда своё имя — Кекс. С помощью свойства value мы можем получить данные из этого поля ввода. А после, например, вывести их в консоль:

let input = document.querySelector('input'); console.log(input.value); // Выведет: Кекс

А ещё мы можем вывести данные из поля ввода прямо на страницу. Представим, что у нас на странице есть абзац, который мы нашли и сохранили в переменную paragraph . Мы можем сделать так:

paragraph.textContent = input.value;

И теперь то, что ввёл пользователь в поле input , отобразится на странице как текстовое содержимое элемента paragraph .

В нашем случае пользователь вводит свой адрес в поле с классом subscription-email . Найдём его и скажем JavaScript вывести полученные данные на страницу.

Почему бы не прочитать текст из поля ввода с помощью textContent ? Если мы попытаемся это сделать, то получим пустую строку. Для JavaScript поля формы не имеют текстового содержимого, их значения хранятся именно в value .

Перейти к заданию

• index.html Сплит-режим
• style.css Сплит-режим
• script.js Сплит-режим

На главную Изменить тему