Question

我试图简单地从html表单中提取输入并使用JavaScript操作它。当我在console.log中使用JavaScript创建的变量时，我只是回到了我的html元素。如果我尝试添加[0]或.value，我会分别得到未定义和JQuery错误。我不知道这是不起作用的原因。如果重要的话，我在CodePen中完成所有这些工作。

HTML：

<div>
  <form id="myForm">
  Construction Year: <br>
  <input type="text" id="construction_field" name="construction_field" value=""><br>
  </form>
  <button onclick="myFunction">Find P</button>
  <p id="demo"></p>
</div>

JavaScript的：

$(document).ready(function(){ 
  function myFunction () {
  var constructionYear = document.getElementById("construction_field");
  console.log(constructionYear);
  }
});

我为这么简单的问题道歉，但我找不到能够挽救我生命的答案。如果不是很明显我很新并且很挣扎，任何例子都会很棒。

Answer 1

如果你想使用jQuery：

var constructionYear = jQuery('#construction_field').val();

如果您想使用vanilla JavaScript：

var constructionYear = document.getElementById('construction_field').value;

Answer 2

只需使用console.log（constructionYear.value）;

将JavaScript与表单数据一起使用

2 个答案: