1

我是 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>
4

3 回答 3

1

获取值时，也可以使用元素的 ID。

var a = document.getElementById('fname').value;
于 2012-11-25T11:57:02.307 回答
1

是的，你可以

<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-25T12:37:58.863 回答
0

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

var a = document.getElementsByName("firstname")[0].value;
于 2012-11-25T11:14:31.307 回答