javascript:如何提取在此表单中输入的值?

时间:2017-08-09 08:25:48

标签: javascript html forms input

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



rails generate devise User

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




我在第一个输入字段中输入值3,然后点击"提交"我得到一个js警告弹出窗口"你输入了:null"

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

Here是一个工作页面,您可以在其中查看结果。 (我试着为它做一个小提琴,但是当我在jsfiddle中运行它时,我根本没有得到警告信息。看起来js警告弹出窗口不能在jsfiddle中工作。)

1 个答案:

答案 0 :(得分:2)

你错误地访问了它。 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>