Как назначить переменную для атрибута значения в элементе ввода?

Question

Мне нужно присвоить переменную атрибуту value в элементе input

Вот мой входной тег.

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">

Вот моя переменная.

var myValue = document.getElementById('userVal');

Кто-нибудь, пожалуйста, помогите мне решить эту проблему?

Answer 1

, если вы хотите присвоить значение этому входу:

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">

Вы должны использовать этот код:

var myValue = document.getElementById('userVal').value;
document.getElementById("Name").value = myValue;

Вы можете посмотреть документацию и пример здесь: https://www.w3schools.com/jsref/prop_text_value.asp

Answer 2

В JavaScript добавьте свойство value к своему коду как:

    var myValue = document.getElementById("name").value

В HTML используйте тот же идентификатор для ссылки на тег ввода:

    <input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" value="myValue">

Answer 3

Вы можете установить входное значение по умолчанию. Вы не можете связать myValue в HTML без некоторых JS Framework. Для получения входного значения используйте событие change. Проверьте мой фрагмент кода.

var input = document.getElementById('Name');
var myValue = 'Name example';
input.value = myValue;

var myFunction = function (e) {
  console.log(e.target.value);
}

<input type="text" id="Name" class="form-control form-control-alternative" placeholder="Usernam" onchange="myFunction(event)" value="myValue">

Answer 4

ASSIGN INPUT VALUE VARIABLE:

Вам необходимо присвоить переменную значению элемента, а не самому элементу.Кроме того, ваш текущий идентификатор ввода Name, а не userVal.Измените его на userVal, затем извлеките значение следующим образом:

var myValue = document.getElementById('userVal').value;

---

Проверьте следующий Фрагмент кода для практического примера того, как извлечь входное значение и назначить егок переменной:

/* JavaScript */

document.querySelector("button").addEventListener("click", function() {
var myValue = document.getElementById('userVal').value;
alert(myValue);
})

<!-- HTML -->

<input type="text" id="userVal" class="form-control form-control-alternative" placeholder="Username">
<button>Check Value</button>

НАЗНАЧЕНИЕ ПЕРЕМЕННОГО НА ЗНАЧЕНИЕ ВХОДА:

Чтобы присвоить значение вашего элемента ввода переменной, просто отмените приведенное выше назначение следующим образом:

var newValue = newValue;
document.getElementById('userVal').value = newValue;

Проверьте следующий фрагмент кода для практического примера того, как назначить переменную для атрибута значения вашего входного элемента:

/* JavaScript */

document.querySelector("button").addEventListener("click", function() {
  var newValue = "newValue"; 
  document.getElementById('userVal').value = newValue;
});

<!-- HTML -->

<input type="text" id="userVal" class="form-control form-control-alternative" placeholder="Original" value="myValue">
<br /><br />
<button>Change Value</button>