如何显示getElementById()。value的值

时间:2013-11-06 17:06:08

标签: javascript html

我试图在屏幕上显示getElementById().value的值。所以我有一个表单,我填写输入,而不是按下按钮我想显示用户写入输入框的值// 我试着像下面这样做:

<label id="l1"><script>document.writeln(document.getElementById('lastname').value)</script></label>

但按下按钮时没有任何反应 我能做什么?请帮帮我

5 个答案:

答案 0 :(得分:0)

您必须先document.open()Read the docs

答案 1 :(得分:0)

不要使用document.writeln。而是使用像.innerHTML这样的DOM方法来设置元素的值。

答案 2 :(得分:0)

尝试将其从标签中删除到javascript函数中,尝试使用span或div而不是带有id的标签。

答案 3 :(得分:0)

尝试
 脚本&GT; document.writeln(的document.getElementById( '姓氏')的getAttribute( '值')

答案 4 :(得分:0)

试试这个。

document.addEventListener('load', function(){
var get_value_button=document.getElementById('get_value')

get_value_button.addEventListener('click', function(){
    var lastname_val = document.getElementById('lastname').value;
    document.getElementById('l1').innerHTML=lastname_val;
    return false;
}, true);

});

jsFiddle示例是here

  1. 您应该在加载文档后看到第一行代码。
  2. 您应该获取元素并绑定“click”事件处理程序。第二和第三行。
  3. 在'click'事件处理程序中你应该获得价值。 Forth line。
  4. 然后获取label元素并使用innerHTML将获得的值写入其中。