表单嵌套问题的解决方法

来源:互联网 发布:软件评估报告模版 编辑:程序博客网 时间:2024/06/11 01:57

在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 。

原创粉丝点击