Курсы 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,011
erilar,
Untitled
получить значение тега JS
Потому что получать значение нужно непосредственно в обработчике.
Сейчас же ты выводишь то, что было сохранено при загрузке страницы.
var addTime = document.getElementById('add'); addTime.addEventListener('click', getN); function getN()
Write time: Add
Отслеживать
ответ дан 15 июл 2017 в 22:01
80.9k 9 9 золотых знаков 78 78 серебряных знаков 134 134 бронзовых знака
Спасибо. Все работает теперь!)
15 июл 2017 в 22:03
-
Важное на Мете
Связанные
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.21.1314
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как получить значение поля input с помощью JavaScript
Вы можете просто использовать свойство value элемента input DOM, чтобы получить значение поля ввода текста.
В следующем примере введенный текст будет отображаться в поле ввода при нажатии кнопки с использованием JavaScript.
Get Text Input Field Value in JavaScript

Читайте также
Похожие примеры:
- Как получить значение текстового поля в jQuery
- Как получить выбранное имя файла из файла типа ввода с помощью jQuery
- Как проверить наличие пустой строки в JavaScript
Получить значение value из тега input | JavaScript
document.getElementById() — поиск по тегу с атрибутом id
id на веб-странице может быть присвоен только один раз одному тегу HTML Задача: нужно вывести значение выбранного цвета рядом с полем ввода:
idColor" placeholder="введите текст"/>
document.getElementsByName() — поиск по NodeList тегов с атрибутом name
Задача: прибавить значение только третьего включенного чекбокса, округлить до сотых и показать в формате 0.00 (с двумя знаками после запятой):
1.00
name="nameCheckbox" value="1"/> name="nameCheckbox" value="20"/> name="nameCheckbox" value="300.555" onclick="onclickCheckbox()"/> name="nameCheckbox" value="400"/> Пояснения: имеется четыре тега input с name="nameCheckbox". [0] - это первый по счёту, соответственно, [2] будет третьим.
Задача: показать значение активного radio:
1
nameRadio" value="1" checked="checked"/> nameRadio" value="20"/> nameRadio" value="300"/> nameRadio" value="400"/>
document.getElementsByClassName() — поиск по NodeList тегов с атрибутом class
Задача: как поменять класс по клику (я предпочитаю это делать только силами CSS):
.classGreen < background: green; width: 130px; height: 130px; margin: 0 auto; transition: .5s; >.classRedclass="classGreen">
document.body — поиск по тегу body
Задача: сменить все h2 на h3:
document.body.innerHTML = document.body.innerHTML.replace(/\u003Ch2/g, '\u003Ch3');" /> Пояснения: я меняю , потому что тег может содержать атрибуты. пишу как специальный символ в JavaScript \u003C.
document.getElementsByTagName() — поиск по NodeList тегов
Задача: заменить текст h3 выше:
h3')[4].innerHTML = 'Скрипт сработал\(\)'"/> Скрипт сработал\(\) - это то, на что мы заменяем наш текст. Он выглядит как Скрипт сработал(). Куда же делись символы \? Они реализуют экранирование скобок, чтобы те были рассмотрены как текстовые символы, а не как код скрипта.
Задача: часы и дату разбить на два тега в списке :
Li(); setInterval(Li,1000); function Li() < d = new Date(); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); var week=new Array("воскресенье","понедельник","вторник","среда","четверг","пятница","суббота"); document.getElementById('d').getElementsByTagName('li')[0].innerHTML='Дата: '+d.getDate()+' '+month[d.getMonth()]+' '+d.getFullYear()+' года, '+week[d.getDay()]; document.getElementById('d').getElementsByTagName('li')[1].innerHTML='Время: '+((d.getHours()
document.querySelector() — поиск по селектору
Задача: показать степень заполнения полей, пароль и email должен быть внесён правильно.
Почта
Пароль
input:focus:invalid < border: 1px solid #eee; >input:invalid Почта
Пароль " title="Не менее 6 знаков, в том числе хотя бы одна цифра и буква" onchange="oninputEmail()"/>
document.querySelectorAll() — поиск по NodeList селекторов
Помните этот пример? Там поиск идёт только по h3. Именно на него произойдет замена по этой кнопке. Если её не нажимать, то скрипт не будет работать. А вот так будет и при h2, и при h3
h2, h3')[4].innerHTML = 'Скрипт сработал\(\)'"/>
11 комментариев:
Анонимный Здравствуйте!
У меня вот такой вопрос. Не подскажите.
Есть 2 поля и две кнопки.
Я хочу VALUE кнопок передать в поля.
Просто значение например 1 кнопки передать в 1 поле понятно. Но хотелось бы. Что бы в поле попадало значение кнопки которую нажал. Не важно 1 или 2 или 11.
Вот что-то начал но дальше…
form
input type=»text» value=»1″
input type=»text» value=»2″
/form
input name=»poga2″ type=»button» value=»L» onclick=»q.value = fun()»
input name=»poga3″ type=»button» value=»M»
script
function fun() var per1=document.getElementById(‘q’).value;
var per2=document.getElementById(‘x’).value;
/script
Буду очень благодарен за подсказку.
До свидания.
NMitra Здравствуйте, пример http://jsfiddle.net/NMitra/dhj7epc4/
Анонимный Здравствуйте!
Спасибо Вам за ответ. Спасибо за помощь.
Анонимный Здравствуйте!
Подскажите как перебрать список с помощью javascript :
ul
li1/li
li2/li
li3/li
li4/li
li5/li
li6/li
li7/li
/ul
script
var el = document.querySelector(‘li’);
