我們經(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>

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

我們執(zhí)行console.log(document.getElementById(‘formId2’));會(huì)發(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>

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

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

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

像這樣

總結(jié)

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

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