javascript：如何提取在此表单中输入的值？答案

【问题标题】：javascript: how can I extract the values entered in this form?javascript：如何提取在此表单中输入的值？
【发布时间】：2017-08-09 08:25:48
【问题描述】：

这对我不起作用。谁能告诉我我做错了什么？

function showValues() {
  var uIwD;
  uIwD = document.getElementById(uInputs.fWD);
  alert ("You entered: " + uIwD);
}

<form id="uInputs">
  Enter a value in the first field, then press Submit:<br>

  <input type="number" id="fWD" value="" min="0" max ="6">
  Weekday (0 to 6 for Sun to Sat)<br>

  <input type="number" name="fHr" value="" min="0" max ="23">
  Hour (0 to 23)<br>

  <input type="number" name="fMins" value="" min="0" max ="59">
  Minutes (0 to 59)<br>

  <input type="number" name="fSecs" value="" min="0" max ="59">
  Seconds (0 to 59)<br>

  <input type="number" name="fWOffset" value="-6" min="-12" max ="12">
  wOffsetHours (-12 to 12)<br>

  <input type="button" value="Submit" onclick="showValues()">
</form>

我在第一个输入字段中输入值 3，然后单击“提交”，我收到一个 js 警报弹出窗口，提示“您输入：null”

我尝试在第一个输入字段中将 name= 替换为 ID=，然后在 GetElementbyID() 中仅使用该 ID，但结果相同。

Here 是一个工作页面，您可以在其中查看结果。（我尝试为它制作一个小提琴，但是当我在 jsfiddle 中运行它时，我根本没有收到任何警报消息。似乎 js 警报弹出窗口在 jsfiddle 中不起作用。）

【问题讨论】：

变量uInputs 未定义。 documents.getElementById 采用带有您要查找的元素 ID 的字符串参数，例如document.getElementById('fWD').

标签： javascript html forms input

【解决方案1】：

你访问错了。 id 应该是一个字符串，然后您可以使用 id 作为属性访问 Childs。

例如测试第一个输入框

  function showValues() {
    var uIwD;
    var uIwD = document.getElementById("uInputs");
    alert ("You entered: " + uIwD.fWD.value);
    }

</head>
<body>

 <form id="uInputs">
 Enter a value in the first field, then press Submit:<br>

 <input type="number" id="fWD" value="" min="0" max ="6">
 Weekday (0 to 6 for Sun to Sat)<br>

 <input type="number" name="fHr" value="" min="0" max ="23">
 Hour (0 to 23)<br>

 <input type="number" name="fMins" value="" min="0" max ="59">
 Minutes (0 to 59)<br>

 <input type="number" name="fSecs" value="" min="0" max ="59">
 Seconds (0 to 59)<br>

 <input type="number" name="fWOffset" value="-6" min="-12" max ="12">
 wOffsetHours (-12 to 12)<br>

 <input type="button" value="Submit" onclick="showValues()">
 </form>

【讨论】：

好的，谢谢你的回答。它对我有用，因为我可以检索值，但它现在提出了另一个问题：当以这种方式检索时，我可以将值视为数字吗？我在尝试使用这些值时得到的一些结果表明我不能。我还需要做些什么来将它们转换为数值吗？
是这样的 parseInt(uIwD.fWD.value)