如何计算两个输入表单字段并使用JS和提交按钮将值放入另一个?

时间:2012-11-29 14:14:26

标签: javascript forms submit

我知道这是一个非常基本的问题,但我在互联网上找不到任何有用的东西。我有2个输入框,我想计算输入并使用提交按钮将结果输出到输出并按表单ID导航。

<script>
function Calculate()
{

  var resources = GetFieldValue( "Resources" );
  var minutes = GetFieldValue( "Minutes" ); 
  var permin = parseFloat(resources) / 60;
  var result = parseFloat(permin) * parseFloat(minutes);
</script>

2 个答案:

答案 0 :(得分:3)

<body>
<input type='text' id='Resources'/>
<input type='text' id='Minutes' onblur='Calculate();'/>
<form name ="testarea" Method="Get" Action="youpage.html" id='form1'>
<input type='text' id='answer' name='ans' />
</form>
</body>
<script>


function Calculate()
{
  var resources = document.getElementById('Resources').value;
  var minutes = document.getElementById('Minutes').value; 
  var permin = parseFloat(resources) / 60;
  document.getElementById('answer').value=parseFloat(permin) * parseFloat(minutes);
  document.form1.submit();
}
</script>

您的表单会提交,您的答案就在

youpage.html?ans=youranswer

答案 1 :(得分:1)

使用HTML按钮标记: http://www.w3schools.com/tags/tag_button.asp

<button onClick="Calculate();" value="calculate">

在函数Calculate而不是GetFieldValue中使用

document.getElementbyId("Resources").value; 

,其中

<input type="text" id="Resources">

使用

document.getElementbyId("Result").value = result;

填写另一个输入元素。