0

我正在大学一年级学习网页设计。我们才刚刚开始，我正在尝试用我对 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 回答
2

尝试这个

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

    Enter a name:
    <form> <input type="text" name="name" id="name"/></form> </br>
    <button onclick="name1(document.getElementById('name').value)">Click!</button>    

</body>
于 2013-11-10T15:15:01.767 回答
0

制作onclick="name()"

然后function name(){ alert( document.querySelector("input[name='name1']").value ) }

它的作用是在单击按钮时调用函数名称。这将通过使用 querySelector 查找元素来提醒文本。如果找到，查询选择器会返回一个元素。您可以使用 element.attributeName 访问每个元素属性。

在这种情况下，您想使用 querySelecor，因为 querySelectorAll 将返回一个节点列表。其中 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 回答