在單個頁面中顯示數據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表單

回答

相關問題