JS动态模拟Form表单提交数据

时间:2025-04-24 20:17:57

分享知识  传递快乐

 

JS动态模拟Form表单提交数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="subForm()">提交</button>
</body>
<script type="text/javascript">

    var createInput = function (name, value) {
        var inputElement = ("input");
         = "hidden";
         = name;
        if (value != null) {
             = value;
        }
        return inputElement;
    }

    postForm = function (url) {
        // 创建表单
        var formElement = ("form");
         = url;
         = "post";
        // 打开新标签
         = '_blank';
         = "none";

        (createInput("name", "张三"));
        (createInput("age", 12));
        (createInput("sex", "男"));

        (formElement);
        ();
        return formElement;
    }


    function subForm() {
        debugger;

        postForm("");

        debugger;
    }

</script>
</html>

 

 

 

 

 

 

 

 

—————————
相互学习,共同进步
如有不足请留言指正