我們經(jīng)常是這樣嵌套的：

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

然后，我們會發(fā)現(xiàn)我們表單2執(zhí)行submit提交時會報錯找不到submit(),

我們執(zhí)行console.log(document.getElementById(‘formId2’));會發(fā)現(xiàn)結(jié)果為null;

既然我們發(fā)現(xiàn)form表單可并存但是不能嵌套了，那么怎樣去解決呢？

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

上臨代碼：我們把多個表單執(zhí)行的事件放在一個表單里面，但提交的時候我們加以控制:

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"); }

跟大家說一下，上面的input標(biāo)簽也可以換成button

像這樣

總結(jié)

以上是生活随笔為你收集整理的关于 form表单 嵌套问题的解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。