當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript笔记-点击button提交form表单
生活随笔
收集整理的這篇文章主要介紹了
JavaScript笔记-点击button提交form表单
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
功能如下:
點(diǎn)擊購買后,點(diǎn)擊確定。
確定調(diào)用了一個(gè)js函數(shù),提交form表達(dá)給后端
代碼如下:
<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>對(duì)應(yīng)的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> 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的JavaScript笔记-点击button提交form表单的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: css padding效果,CSS Pa
- 下一篇: java io流_浅谈IO流(一)-流的