在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