js操作Dom节点拼接表单及ajax提交表单

本文主要是介绍js操作Dom节点拼接表单及ajax提交表单，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

有时候我们不希望html(jsp、vm)中有创建太多的标签（dom节点），所以这些任务都由js来做，下面提供套完整的表单提交流程，只需要在html中添加两个div其余的都由js来做吧。下面原生代码只需略微修改就能达到你想要的效果。

1、需要创建表单的点击事件

<a href="javascript:void(0);"onclick="changeSettleMoney('$!doctor.docName','$!skuName',$!doctor.docId,$!sku.skuId)">修改结算金额
</a>

2、html文件创建div节点

<div id="popupContact"></div>
<div id="backgroundPopup"></div>

3、引入docData.js以及docData.css

<script src="/static/js/component/docData.js"></script>
<script src="/static/js/component/docData.css"></script>

4-1、docData.js

function changeSettleMoney(docName, serviceTypeName, docId, skuId) {if (docId == "" || skuId == "") {return}var formStr = "<a id='popupContactClose'>X</a>"+ "<form id='docInfoForm' class='bootstrap-frm' method='post'>"+ "<h1>修改结算金额"+ "<span></span>"+ "</h1>"+ "<label>"+ "<span>医生姓名:</span>"+ docName+ "</label>"+ "<label>"+ "<span>服务名称:</span>"+

这篇关于js操作Dom节点拼接表单及ajax提交表单的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---