0

大学1年でWebデザインを勉強しています。私たちは始めたばかりで、html の基本的な知識を使ってさまざまなことをやろうとしています。私の質問は、ボタンをクリックした後にフォームに入力されたテキストをどのように表示できますか? 私は何かを試しましたが、うまくいきません。

これは私の間違ったコードです:

 <body>
    <script> 
        function name(name1)
        { alert ("Your name is" + name1)
        }
    </script>

    Enter a name:
    <form> <input type="text" name="name1"/></form> </br>

    <button onclick="name(name1)">Click!</button>
</body>
4

4 に答える 4

3

を使用して、属性セレクターquerySelectorを使用して要素を取得できます。

<script>
  function yourMethod(name1) {
    var inputName = document.querySelector('input[name=' + name1 + ']').value;
    console.log("Your name is: " + inputName)
  }
</script>

Enter a name:
<input type="text" name="name1" />
<button onclick="yourMethod('name1')">Click!</button>

于 2013-11-10T15:03:30.293 に答える
0

作るonclick="name()"

それからfunction name(){ alert( document.querySelector("input[name='name1']").value ) }

ボタンがクリックされると、関数名が呼び出されます。これは、querySelector で要素を見つけることによってテキストを警告します。クエリ セレクタは、見つかった場合は要素を返します。element.attributeName を使用して、すべての要素属性にアクセスできます。

この場合、querySelectorAll はノードリストを返すため、querySelecor を使用します。querySelector が要素のみを返す場所

于 2013-11-10T15:00:37.423 に答える
0

これを試して

<body>
<script> 
    function name()
    {
       var value = document.getElementById('name1').value;
       alert("Your name is" + value);
    }
</script>

Enter a name:
<form>
   <input type="text" id="name1" name="name1" />
</form>
</br>
<button onclick="name();">Click!</button>
</body>
于 2013-11-10T15:02:33.850 に答える