JavaScript笔记-点击button提交form表单

Posted IT1995

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript笔记-点击button提交form表单相关的知识,希望对你有一定的参考价值。

功能如下:

点击购买后,点击确定。

确定调用了一个js函数,提交form表达给后端

代码如下:

<div class="modal-footer">
	<button type="button" class="btn text-white border bg-dark" data-bs-dismiss="modal">取消</button>
	<button type="button" class="btn text-white border bg-dark" onclick="purchaseProduction()">确定</button>
</div>

对应的js代码如下:

<script>
    function purchaseProduction()

        var fundId = document.getElementById("fundId").value;
		var purchaseMoney = document.getElementById("purchaseMoney").value;

		var params = 
			fundId: fundId,
			purchaseMoney: purchaseMoney
        
        var temp = document.createElement("form");
        temp.action = "index.php?p=user&c=fund&a=confirmPurchase";
        temp.method = "post";
        temp.style.display = "none";
        for (var x in params) 
            var opt = document.createElement("input");
            opt.name = x;
            opt.value = params[x];
            temp.appendChild(opt);
        
        document.body.appendChild(temp);
        temp.submit();
    
</script>

以上是关于JavaScript笔记-点击button提交form表单的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript/HTML:如何在点击“提交”按钮之前显示所有输入值?

Click()与Submit()

ASP.NET Web Forms – Button 控件简介

JavaScript提交表单

Web防止button按钮点击多次

JavaScript使用button提交表单