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 に答える