表单嵌套问题的解决方法

本文介绍了一种在HTML中使用单个表单实现向不同URL提交数据的方法。通过设置表单action属性为空,并利用JavaScript动态修改提交地址,可以避免表单嵌套的问题,同时还能在提交前更改表单元素的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在html中,表单form是不能够嵌套使用的,例如:

<form name="form1">  
    <form name="form2">  
    ......  
    </form>  
    .....  
</form>  

这样是不合法的,那么如果我们遇到需要用到两个表单的情况应该怎么办呢?解决的方法很简单,合并两个表单,动态改变表单提交位置。
表单form中的action为空,然后在js代码中改变action的值。

<form name="form1" action="" method="post">  
   .....  
   <button id="button1" type="submit"></button>  
   <button id="button2" type="submit"></button>  
</form>  
<script>  
        $(document).ready(function(){  
            $("#button1").click(function(){  

                $("#draw").attr("action","url1");   
                $("form").submit();  
            });  
            $("#button2").click(function(){  

                $("#draw").attr("action","url2");   
                $("form").submit();  
            });  
</script>  

这样,就能实现一个表单向不同方法提交了,同时,在表单提交之前还可以改变表单元素的值,方法就是

$("#draw").attr("action","url1");   

注意,button的类型是submit 不是button 。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值