Question

对于我目前的任务，我想建立一个人们可以登录并发表评论的网站。我之前从未做过网络编程，所以我一直在努力。现在我很困惑如何使用我在页面中使用的java脚本中的html网页上的文本字段中的值。

这是我的Javascript中的代码，（它实际上并没有做太多的事情，我只想弄清楚我做错了什么）

   <script type = "text/javascript">
   function inform(name)
   {
  alert(name);
   }
   </script>

这就是我调用函数

时html的样子

<P ALIGN="right">  
        Email: <br><input type="text" name="fname"><br>
        Pass Word: <br><input type="password" name="pass"><br>
        <input type="button" value="Log In" onclick ="inform(document.getElementById('fname').value)"/>
    </P>

当我运行它并按下按钮时，它表示inform函数中name的值始终为null，而不是我在name文本字段中放置的值。我做错了什么？

Answer 1

您已分配name而不是id。

<!-----------------------------v------------v--->
Email: <br><input type="text" name="fname" id="fname"><br>

作为替代方案，您可以这样做：

<input type="button" value="Log In" onclick ="inform(this.form.fname.value)"/>

事实上，this甚至是可选的：

<input type="button" value="Log In" onclick ="inform(form.fname.value)"/>

DEMO： http://jsfiddle.net/kPcmq/

Answer 2

你必须改变这个

Email: <br><input type="text" name="fname"><br>

到Email: <br><input type="text" name="fname" id ="fname" ><br>

将参数传递给Javascript

2 个答案: