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

x33g5p2x  于2022-03-10 转载在 Java  
字(1.0k)|赞(0)|评价(0)|浏览(573)

功能如下:

点击购买后,点击确定。

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

代码如下:

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

对应的js代码如下:

  1. <script>
  2. function purchaseProduction(){
  3. var fundId = document.getElementById("fundId").value;
  4. var purchaseMoney = document.getElementById("purchaseMoney").value;
  5. var params = {
  6. fundId: fundId,
  7. purchaseMoney: purchaseMoney
  8. }
  9. var temp = document.createElement("form");
  10. temp.action = "index.php?p=user&c=fund&a=confirmPurchase";
  11. temp.method = "post";
  12. temp.style.display = "none";
  13. for (var x in params) {
  14. var opt = document.createElement("input");
  15. opt.name = x;
  16. opt.value = params[x];
  17. temp.appendChild(opt);
  18. }
  19. document.body.appendChild(temp);
  20. temp.submit();
  21. }
  22. </script>

相关文章

最新文章

更多