javascript - 使用 Javascript 获取文本框的值

Question

我有一个文本框供用户输入新的电子邮件地址。我有一个调用脚本的按钮。在脚本中，我需要访问页面的几个不同元素。作为参数发送到页面(通过 PHP)的前几个元素工作正常，但当我尝试获取文本框的值时，我没有得到正确的结果。

这是我的 HTML:

<p>Please enter the new email</p>
<input type="email" id="newemail" value="enter new email here">

这是我的 JS:

var userid=$('#userId').val();
var oldEmail=$('#useremail').val();
var newEmail=$('#newemail').val();

//I have also tried with var newEmail=document.getElementById("newemail").value
//with no difference in the result

alert(userid + " " + oldEmail + " " + newemail);

警报打印出来:

5 Sammy [object HTMLInputElement]

我注意到它既不打印文本框的旧值，也不打印用户输入的新值。我怎样才能得到这个值？

Answer 1

Javascript 区分大小写。 newemail 应为 newEmail。

当引用newemail时，您正在访问window.newemail，默认情况下它将返回ID为newemail的DOM元素。在该 DOM 元素上调用 .toString() 会生成 [object HTMLInputElement]。

将警报更改为:

alert(userid + " " + oldEmail + " " + newEmail);