用JS控制form表单action去向大全

不知道大家遇没遇到这种情况,当我们提交一个表单的时候,可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。
===============
把相同的内容提交到不同的页面
===============
一,使用多个submit提交、一个表单,多个submit
<script> 
function fun_1(){  
document.getElementById("my_form").action="a.php";  
document.getElementById("my_form").submit();  
}  
function fun_2(){  
document.getElementById("my_form").action="b.php";  
document.getElementById("my_form").submit();  
}  
......................................
<form action="" method="post" name="my_form" id="my_form"> 
<input name="mytext" type="text" id="mytext" /> 
<input name="sub1" type="button" id="sub1" value="提交到a.php" οnclick="fun_1()" /> 
<input name="sub2" type="button" id="sub2" value="提交到b.php" οnclick="fun_2()" /> 
</form>
===============================
还有一种情况,在一个表单里,跟据select、input、radio选择的不同提交到不同的页面。
实例:
将图片传入不同的相册。我用select的值选择。

<form  method="post" enctype="multipart/form-data" name="album_upload" id="album_upload" action="knuthan" >
<p>选择相册:
<select name="album_select" id="album_select">
<option value="111">aaa</option>
<option value="222">bbb</option>
<option value="333">ccc</option>
<{section name=row loop=$album_list}>      <{/section}>
</select>
</p>
<p>文件:
<input name="photo_upload" type="file" id="photo_upload" size="40" />
</p>
<p>
<input type="submit" name="upload" id="upload" value="上传" οnclick="reurl();"/>
<br />
</p>
</form>

..........................................
<script language="javascript">

function reurl(){
var al_url = "index.php?do=upload&album=";
var al_url_obj = document.getElementById("album_select");
var al_url_index = al_url_obj.value;
document.album_upload.action=al_url+al_url_index;
}

</script>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值