javascript - 如何从表单中选择输入并将其存储在变量中？

Question

例如，如果我有这样的表单:

<form id="form1">
  <input type="text" name="item">
</form>
<button onclick="outputItem"></button>

如何输出表单中的输入？

Answer 1

您可以编写一个函数，在其中可以使用querySelector()获取元素来获取输入的值:

function outputItem(){
  var v = document.querySelector('#form1 > input[name=item]').value;
  console.log(v);
}

<form id="form1">
  <input type="text" name="item">
</form>
<button onclick="outputItem()">Print</button>