DOM 与Jquery模拟表单提交

最新推荐文章于 2022-09-19 16:16:51 发布

无盐海

最新推荐文章于 2022-09-19 16:16:51 发布

阅读量1.3k

点赞数

分类专栏： JavaScript JQuery

本文链接：https://blog.csdn.net/Fanbin168/article/details/49719067

版权

JQuery 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

JavaScript

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="js/jquery-1.11.2.js"></script>
</head>
<body>
    <form id="form1" action="http://www.baidu.com/s">
        <input type="text" name="wd" value="" />
        <input type="button" value="button按钮" id="btn"/>

        <input type="submit" value="submit按钮" id="sub" />
    </form>
</body>
</html>
<script type="text/javascript">
    /*
    //第一种：直接点击submit按钮提交


    //第二种提交表单的方式： 点击button按钮后，直接将form表单提交了

    window.onload = function () {
        document.getElementById("btn").onclick = function () {
            document.getElementById("form1").submit();
        }
    }

    
    //第三种;通过点击button按钮，模拟点击submit按钮
    window.onload = function () {
        document.getElementById("btn").onclick = function () {
            document.getElementById("sub").click();
        }
    }
    */

    //第四种：用Jquery来实现

    $("#btn").click(function () {
        $("#sub").trigger("click");
    })

</script>

无盐海

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM 与Jquery模拟表单提交

1 /* //第一种：直接点击submit按钮提交 //第二种提交表单的方式：点击button按钮后，直接将form表单提交了 window.onload = function () { document.getElementB
复制链接

扫一扫

专栏目录