博客
关于我
关于 form表单 嵌套问题的解决方案
阅读量:314 次
发布时间:2019-03-04

本文共 631 字,大约阅读时间需要 2 分钟。

我们经常是这样嵌套的:

//表单1 //表单2

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

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

既然我们发现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");}

跟大家说一下,上面的input标签也可以换成button

像这样

在这里插入图片描述

转载地址:http://yxoq.baihongyu.com/

你可能感兴趣的文章
排列组合
查看>>
Why Software Development Methodologies Suck?
查看>>
怎样从0开始搭建一个测试框架_0
查看>>
JPEG压缩技术
查看>>
Algorithm: K-Means
查看>>
《C++ Concurrency in Action》读书笔记四 c++内存模型和原子类型
查看>>
Leetcode No.104 Maximum Depth of Binary Tree 遍历二叉树的深度
查看>>
Vmware Pro 12 上安装CentOS 7 64位
查看>>
《Windows程序设计》读书笔八 计时器
查看>>
《Windows程序设计》读书笔十 菜单和其他资源
查看>>
开发基于MFC的ActiveX控件的时候的一些消息处理
查看>>
一个C/C++ 命令行参数处理的程序
查看>>
一个使用Java语言描述的矩阵旋转的例子
查看>>
两款用于检测内存泄漏的软件
查看>>
王爽 《汇编语言》 读书笔记 三 寄存器(内存访问)
查看>>
IDEA/eclipse集成阿里巴巴Java开发规约插件
查看>>
IDEA出现问题:Received fatal alert: protocol_version 解决方案
查看>>
IDEA出现问题:修改jsp页面tomcat不生效解决方案
查看>>
docker出现问题:You cannot remove a running container 解决方案
查看>>
IDEA 热部署太热情不好(失去焦点就热部署)
查看>>