Question

helo guys我正在编写一个带有输入框的ajava脚本，允许用户输入一个值，我想再次向他展示他在该页面输入的内容，以确保他会看到他输入的内容，例如

<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;

并显示字符串userName而不是字符串值init我该怎么办

Answer 1

只需从HTML元素中获取值...

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

Answer 2

尝试：

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;
}

此外，您需要引用input元素的.value来获取其值。

这是一支钢笔： http://codepen.io/calvinclaus/pen/EKBvBz?editors=1011

从输入中获取变量并再次显示

3 个答案: