关于 form表单 嵌套问题的解决方案


我们经常是这样嵌套的:

1 <form id="formId1" action="" method="post"> //表单1
2   <form id="formId2" action="" method="get"> //表单2
3      <input id="but1" type="button" value="提交">
4   </form>
5   <input id="but2" type="button" value="保存">
6 </form>

然后,我们会发现我们表单2执行submit提交时会报错找不到submit(),

我们执行console.log(document.getElementById('formId2'));会发现结果为null;

既然我们发现form表单可并存但是不能嵌套了,那么怎样去解决呢?

<form id="formId1" action="" method="post">
     <input id="but1" type="button" value="提交">
      <input id="but2" type="button" value="保存">
</form>

上临代码:我们把多个表单执行的事件放在一个表单里面,但提交的时候我们加以控制:

  document.getElementById('but1').onclick=function(){
     document.getElementById('formId1').setAttribute("action","www.baidu.com");
  }
  document.getElementById('but2').onclick=function(){
    document.getElementById('formId1').removeAttribute("action","www.baidu.com")
    document.getElementById('formId1').setAttribute("action","www.google.com");
  }

这样通过上传/请求时,Action的变换,可以解决。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM