Question

<form id="myRegisterationForm">
    <label>Name</label>
    <input type="text" id="nameTextbox"  />

    <input type="submit" value="Submit" />
</form>

js是

var myform = document.getElementById('myRegisterationForm');
var name = document.getElementById('nameTextbox');


function onSubmit(e) {
    console.log(name.value);
    e.preventDefault();
}

myform.addEventListener('submit', onSubmit, false);

但不知何故，该值显示名称文本框内的文字未定义 ....即使我输入内容并按提交..为什么？

Answer 1

var r = document.getElementById('nameTextbox').value;
//added .value

使用此选项可将文本框的值存储在变量r中。我已将变量重命名为r。

Answer 2

value属性设置或返回文本字段的value属性的值。

document.getElementById("nameTextbox").value;

getElementById方法需要一对圆括号。在这些圆括号之间，您可以键入您尝试访问的ID。 ID需要包含引号，单引号或双引号。文本框具有VALUE属性。您可以通过在圆括号

之后添加它来获得此值

Answer 3

＆＃13;

var myform = document.getElementById('myRegisterationForm');



function onSubmit(e) {
  var name = document.getElementById('nameTextbox');
  alert(name.value);

  e.preventDefault();


}

myform.addEventListener('submit', onSubmit, false);

＆＃13;

<form id="myRegisterationForm">

  <label>Name</label>
  <input type="text" id="nameTextbox" />



  <input type="submit" value="Submit" />
</form>

＆＃13;

无法获得文本框的价值

3 个答案: