我正在研究一个简单的ASP.NET项目。我有HTML和JS文件。我正在尝试将表单输入的值发送到JS文件，但是由于某种原因，它似乎已损坏。我的表格如下所示：
<div class="set-the-clock">
<form name="settheclock">
<span>Hours: </span><input type="text" id="fhours" value=""><br>
<span>Minutes: </span><input type="text" id="fminutes" value=""><br>
<span>Seconds: </span><input type="text" id="fseconds" value=""><br>
<input type="button" id="send" value="Enter">
</form>
而我的JS是：
var setHour = document.getElementById("fhours").value;
var setMinute = document.getElementById("fminutes").value;
var setSecond = document.getElementById("fseconds").value;
以及打算使用它的功能：
function setTheClockByButton() {
setTheClock(setHour, setMinute, setSecond);
alert(setHour);
}
如果我在HTML表单的值中输入一个数字，它就可以正常工作（像这样）
<span>Hours: </span><input type="text" id="fhours" value="3"><br>
但它不接受键盘上的任何数据。
当然，我还有与表单关联的onclick函数：
document.getElementById("send").onclick = setTheClockByButton;
（否则就没有意义了）。
将这些赋值语句移入函数内：
function setTheClockByButton() {
var setHour = document.getElementById("fhours").value;
var setMinute = document.getElementById("fminutes").value;
var setSecond = document.getElementById("fseconds").value;
setTheClock(setHour, setMinute, setSecond);
alert(setHour);
}
现在，每次单击按钮时（请注意，我假设那是可以工作的，因为您已经说过了），所以将提取输入字段的值，以便时钟更新功能可以使用最新的值。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句