在单个页面中显示数据Javascript和HTML表单

我是JavaScript新手。我可以在同一页面上显示来自HTML表单的直接数据吗？我的代码是在这里：在单个页面中显示数据Javascript和HTML表单

<html> 
    <head> 
    <title></title> 
    </head> 
    <script> 
    document.getElementById("btn").onclick = avc; 
    function avc(){ 
     var a = document.getElementsByName("firstname").value; 
     document.getElementsByName("abc").innerHTML = a; 
    } 
    </script> 
    <body> 
    <form method="post"> 
     First name: <input id="fname" type="text" name="firstname"><br> 
     <input id="btn" type="submit"> 
    </form> 
    <div name="abc"></div> 
    </body> 
</html>

来源

2012-11-25 user1563221

是的，但你需要下标正确的元素，像这样......

var a = document.getElementsByName("firstname")[0].value;

来源

2012-11-25 11:14:31 alex

或者遍历它们。 – tjameson

给我的语法错误 – user1563221

在哪一行是否会抛出错误？如果它没有说试图放置一个断点并进行调试。 – Lior

使用ID为元素所获得的价值时也将工作。

var a = document.getElementById('fname').value;

来源

2012-11-25 11:57:02 sourRaspberri

是的，你可以与

<script>  
    document.getElementById('abc').innerHTML=document.getElementById('fname').value; 
</script>

末

，如果你想，每一个你写在文本框中东西时更改DIV ABC值试试这个：

<html> 
    <head></head> 
    <body>  
    <form method="post"> 
     First name: <input id="fname" type="text" name="firstname" onKeyUp="f()"><br> 
     <input id="btn" type="submit"> 
    </form> 
    <div id="abc"></div> 

    <script> 
     function f() { 
     document.getElementById('abc').innerHTML=document.getElementById('fname').value; 
     } 

     f(document.getElementById('fname').value); 
    </script> 

    </body> 
</html>

来源

2012-11-25 12:37:58 adcosta

在单个页面中显示数据Javascript和HTML表单

回答

相关问题