这应该是一个非常简单的,但我似乎无法明确地找到解决方案。我期待做一个JavaScript计算(从一堆表单中的输入),为此我得到两个数字。这些数字将更新同一表单中两个html输出元素的值。下面是我想要做的(如果有这样做的更好的办法,我所有的耳朵)的最小工作示例:我怎么能得到outarr
的第一个元素来填充OUT1表格提交html输出更新
<!DOCTYPE HTML PUBLIC "~//IETF//DTD HTML//EN">
<html>
<head>
<script>
function somecalc() {
var a = parseFloat(document.forms["form1"]["id1"].value);
var b = parseFloat(document.forms["form1"]["id2"].value);
var c = parseFloat(document.forms["form1"]["id3"].value);
var d = parseFloat(document.forms["form1"]["id4"].value);
var out1 = a-b-c-d;
var out2 = a+b+c+d;
var outarr = [];
outarr.push(out1);
outarr.push(out2);
return outarr;
}
</script>
</head>
<body>
<form name="form1">
<table>
<tr>
<td>
Head1
</td>
<td>
Head2
</td>
<td>
Head3
</td>
<td>
Head4
</td>
</tr>
<tr>
<td>
<input type="text" name="1" placeholder="Enter 1" id="id1" size="10" maxlength="10" />
</td>
<td>
<input type="text" name="2" placeholder="Enter 2" id="id2" size="10" maxlength="10" />
</td>
<td>
<input type="text" name="3" placeholder="Enter 3" id="id3" size="10" maxlength="10" />
</td>
<td>
<input type="text" name="4" placeholder="Enter 4" id="id4" size="10" maxlength="10"/>
</td>
</tr>
</table>
<p><input type="submit" value="Run" onclick="somecalc();"></p>
<table border="1">
<tr>
<td>
Out1 = <output name="out1" for=""></output>
</td>
</tr>
<tr>
<td>
Out2 =<output name="out2" for=""></output>
</td>
</tr>
</table>
</form>
</body>
</html>
,同样,outarr
的第二个元素在按下运行按钮时更新out2?
优秀伟大的资源 - 这工作。我已经接受了这个答案,因为它是第一个,我必须修改我的代码至少:) – astromax 2014-12-08 14:00:39