表单提交时获取外部参数


在一个表单中,提交请求时会把表单内的内容封装后进行提交,一种方式是submit按钮,另一种是button,button在属性中包含提交操作即可提交。
现在的问题是,能不能把输入的数值提取到表单外部,然后提交请求时获取输入的参数,封装后再提交。

   
  <html>
  
<head>
<title>算数运算器</title>
</head>
<body bgcolor="eeeeee">
<form method="post" name="form1" action="time.action">
<table>
<tr>
<td>第一个数</td>
<td><input type="text" name="num1" /></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" name="num2" /> </td>
</tr>
</table>
</form>
<table>
<tr>
<td width="80"><input type="submit" value="加法运算" onClick="document.getElementById('form1').action='add.action';document.getElementById('form1').submit();"/> </td>
<td width="20"><input type="submit" value="减法运算" onClick="subtract()"/></td>
<td width="20"><input type="submit" value="乘法运算" onClick="multiply()"/></td>
<td width="20"><input type="submit" value="除法运算" onClick="divide()"/></td>
</tr>
</table>
</body>
</html>

HTML

人畜无害的少年 10 years, 8 months ago
   
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<script>
function add(){
var num1=parseInt(document.form1.num1.value);
var num2=parseInt(document.form1.num2.value);
var num=num1+num2;
alert(num);
}
</script>

<body>
<form name="form1">
![请输入图片描述][1]
num1:<input name="num1"/>
num2:<input name="num2"/>
</form>

<table>
<input type="button" value="加" onclick="add()"/>
</table>

</body>
</html>

信不信上帝 answered 10 years, 8 months ago

Your Answer