Как получить данные из input на js

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

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

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

       Get Value   

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

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

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

Как получить содержимое текстового поля (input) с помощью jQuery.

Предположим, что на веб-странице есть текстовое поле вот такого формата.

Иногда возникает необходимость вытащить текст, который в это текстовое поле будет вводить пользователь.

Здесь есть два варианта:

1. Нам нужен текст, который задан для текстового поля по умолчанию в атрибуте value.

В этом случае, получить значение этого атрибута можно вот так:

$(".mytext").attr("value")

Как это работает, можно посмотреть на следующем живом примере.

Все мои уроки по Javascript здесь.

2. Нужен текст, который пользователь будет вводить в это текстовое поле.

Тот, текст, который пользователь будет вводить в текстовое поле, не записывается в значение атрибута alt. Для того, чтобы получить доступ к нему, нужно воспользоваться вот такой командой:

$('. mytext ').val()

Посмотрите на следующий пример и попробуйте ввести в это текстовое поле какой-либо текст.

$(document).ready ( function()< $(".mytext").keyup(function() < $('#contenInput').text($(".mytext").val()); >); >);

Все мои уроки по Javascript здесь.

Как получить значение из input javascript

Чтобы получить значение из элемента input , достаточно обратиться к свойству value . Например, если на странице имеется такой элемент ввода:

 id="input-id"> 

то из него можно получить значение следующим образом

const input = document.getElementById('input-id'); // Извлекаем элемент input const value = input.value; // получаем занчение из input 

Как получить данные с input?

Привет!
Подскажите пожалуйста, как можно получить данные с input с помощью JS?
Как это сделать с jquery знаю, а вот с JS возникли проблемы.

• Вопрос задан более трёх лет назад
• 57567 просмотров

Комментировать
Решения вопроса 4

Например можн делать вот так:

Когда нажимаем на копку отправить то данные забираем. При помощи например данного кода на JS

document.forms.publish.onsubmit = function() < var message = this.message.value; console.log(message) return false; >;

Либо как написали выше можно делать:
document.getElementsByTagName(«input»)[0].value
Но тут есть свои нюансы

Ответ на Ваш комментарий:
Если нет кнопки в форме то можно воспользоваться событием onchange
Например вот форма без кнопки с событием onchange которое вызывает функцию на JS:

Подробно о событии onchange можете посмотреть тут: https://learn.javascript.ru/events-change

Ответ написан более трёх лет назад
Нравится 4 2 комментария
drtvader @drtvader Автор вопроса

Robot Chappie: А как сделать, так,кнопки никакой нет, но когда все данные правильно введены, то информация скриптом собиралась? Может коряво объяснил конечно.

drtvader: Ответ на этот вопрос добавил в основной ответ.

Дмитрий Иванейчик @DmitryIvaneychik
Developer in VoxImplant

Вот JS:
document.getElementById(«input-id»).value;