Получение переменной из ввода и ее повторное отображение

Question

helo guys Я пишу сценарий ajava, у которого есть окно ввода, позволяющее пользователю ввести значение, и я хочу снова показать ему, что он ввел на этой странице, чтобы убедиться, что он Посмотрим, что он enterd, например

<input id="userName" class="form-control col-md-7 col-xs-12" type="text" name="userName"> 
I have these input box and I want get this value and display it again in alabel bellow 
<label id="user_label" class="control-label col-md-3 col-sm-3 col-xs-12"></label> 

и я пишу следующий JS

user_Name=getElementById('userName'); 
document.getElementById('user_label').innerHTML=user_Name; 

и эти дисплеи строку имя не значение строки инициализации, что я могу сделать

Answer 1

Просто возьмите значение из HTML-элемента вместо ...

var user_Name = document.getElementById('userName').value; 
document.getElementById('user_label').innerHTML = user_Name; 

Answer 2

Try:

var user_Name=getElementById('userName'); 
document.getElementById('user_label').innerHTML=user_Name.value; 

Answer 3

Что вам нужно сделать, это вызвать код всякий раз, когда поле ввода изменяется.

<input id="userName" type="text" name="userName" onKeyUp="update()"> 

И в JS:

function update() { 
    var user_Name=document.getElementById('userName').value; 
    document.getElementById('user_label').innerHTML=user_Name; 
} 

Кроме того, необходимо обратиться к .value входного элемента, чтобы получить его значение.

Здесь находится пера: http://codepen.io/calvinclaus/pen/EKBvBz?editors=1011