有时候我们不希望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>"
+