同一页面提交多个表单 多个表单提交 多.do提交

同一页面提交多个表单 多个表单提交 多.do提交
火狼问题,以前也没实验过,这次实验了一下,多个表单并发提交

Html代码
<body onload="a();b();">//页面加载执行两个js方法   
<script language="javascript" type="text/javascript">
function a() //方法1
{
window.location.href = "*1.do";
}
function b()//方法2
{
window.location.href = "*2.do";
}
</script>

<body onload="a();b();">//页面加载执行两个js方法
<script language="javascript" type="text/javascript">
function a() //方法1
{
window.location.href = "*1.do";
}
function b()//方法2
{
window.location.href = "*2.do";
}
</script>

这样可以实现多表单提交

可以测试



Html代码
<body onload="a();b();">  
<script language="javascript" type="text/javascript">
function a()
{
alert("1");
}
function b()
{
alert("2");
}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 JavaScript 来实现多个表单共用一个提交的功能。具体实现步骤如下: 1. 给每个表单添加一个 class 或 ID,用于标识不同的表单。 2. 给提交按钮添加一个点击事件,获取所有表单的数据,并进行提交。 3. 在点击事件中,使用 `document.querySelectorAll()` 方法获取所有表单元素,然后遍历每个表单,获取表单数据,并将数据拼接成一个对象。 4. 最后将获取到的数据对象使用 Ajax 或表单提交方式进行提交。 下面是一个简单的示例代码,供参考: HTML 代码: ```html <form class="form1"> <input type="text" name="username" /> <input type="password" name="password" /> </form> <form class="form2"> <input type="text" name="email" /> <input type="text" name="phone" /> </form> <button id="submitBtn">提交</button> ``` JavaScript 代码: ```js const submitBtn = document.querySelector('#submitBtn'); submitBtn.addEventListener('click', () => { const forms = document.querySelectorAll('form'); const data = {}; forms.forEach((form, index) => { const formData = new FormData(form); for (let [key, value] of formData.entries()) { data[`form${index + 1}_${key}`] = value; } }); // 使用 Ajax 或表单提交方式进行提交 // ... }); ``` 在上面的代码中,我们将表单数据拼接成了一个对象 `data`,并通过 `data` 对象来传递数据。在实际开发中,可以根据需求来选择使用 Ajax 或表单提交方式进行提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值