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>"
        +