学步园

在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