西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > 开发教程 > HTML/CSS教程 >

HTML为同一表单设置不同的action

时间:2016-03-03 15:46来源:未知 作者:好模板 点击:
对一张表单,希望通过不同的按钮,将表单值转向不同的页面,然而form中的action值只有一个,不采取某种特殊的方式是肯定不能简单实现的,如下所示: form action= name=form1 input type=te

对一张表单,希望通过不同的按钮,将表单值转向不同的页面,然而form中的action值只有一个,不采取某种特殊的方式是肯定不能简单实现的,如下所示:

<form action="" name="form1" >    
<input type="text"  name="number" value="1"/>  
<input type="hidden" name="goods_id" value="值">    
<input type="button" value="-" onclick="form1.action='1.php';form1.submit();" />   
<input type="button" value="+" onclick="form1.action='2.php';form1.submit();" />   
<input type="button" value="*" onclick="form1.action='3.php';form1.submit();" />
</form>

通过将form中的 action 值设为空,并取 nama="form1" ,然后在表单中的button 或者 submit 中加入onclick="form1.action='1.php';form1.submit();" ,可以明显看出再这里重新设置了form的 action 值,并通过 form1.submit(); 进行了跳转, form1 为为form取的name,这样通过上述代码中的不同button则可分别将表单值传给不同的页面

注意该方法不能再跳转页面中加入参数,只能是纯页面,也即转向 1.php?action=action1 是不可以的,若除了想传递 text 域或其他的内容,需使用<input type="hidden" name="goods_id" value="值"> ,在 value 中加入所想传递的值

通过如上方法可以使:

  1. 同一个表单数据可通过不同按钮传递给不同页面
  2. 不同按钮可以处理同一个text域
  3. 通过 hidden 域,也可将不同的表单数据传递给不同页面
(责任编辑:好模板)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容