Как сохранить в переменной значение тега input в javascript?

Пользователь

от steve , в категории: JavaScript , год назад

Как сохранить в переменной значение тега input в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от rachel , год назад

@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 , 4 месяца назад

@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.