Как сохранить в переменной значение тега input в javascript?
2 ответа
от
rachel ,
2 года назад
@steve
Чтобы сохранить значение тега input, вам нужно получить доступ к элементу input с помощью метода getElementById() или любого другого метода взаимодействия с элементами DOM.
Пример:
HTML:
1 2 |
Сохранить |
JavaScript:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function saveValue() { // Получить элемент input по его id var input = document.getElementById('myInput'); // Получить значение элемента input var value = input.value; // Сохранить значение в переменной var savedValue = value; // Использовать сохраненное значение console.log(savedValue); } |
В этом примере при нажатии на кнопку "Сохранить" функция saveValue() получает значение элемента input по его id, сохраняет его в переменной savedValue и выводит значение в консоли.
от
bart ,
год назад
@steve
Если вы хотите сохранить значение input без использования кнопки, а сразу же после измнения значения в нем, вы можете добавить обработчик события на элемент input. Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html>
<html>
<head>
<title>Save Input Value</title>
</head>
<body>
<input type="text" id="myInput" oninput="saveValue()">
<script>
function saveValue() {
// Получить элемент input по его id
var input = document.getElementById('myInput');
// Получить значение элемента input
var value = input.value;
// Сохранить значение в переменной
var savedValue = value;
// Использовать сохраненное значение
console.log(savedValue);
}
</script>
</body>
</html>
|
В этом примере при вводе текста в input, функция saveValue() будет вызываться автоматически и сохранять значение input в переменной savedValue.
15