如果你想直接将生成的 HTML 内容插入到 .modal-body
的 form
元素中,而不需要通过一个变量来保存 formElement
,你可以直接在 append()
方法中使用选择器。以下是修改后的代码示例:
success: function(res) {
var dialogData = JSON.parse(res);
console.log(dialogData);
if (dialogData.success) {
let totalAmount = 0;
for (let i = 0; i < dialogData.data.loanAndCustomerList.length; i++) {
const dataInfo = dialogData.data.loanAndCustomerList[i];
console.log(dataInfo);
const htmlContent = `
<div class="row" style="margin-top:7px">
<div class="col-md-4" style="overflow-wrap: break-word;">
<label for="name${i}" class="control-label col-sm-4" style="display: inline-block; white-space: nowrap;">
Name ${i}
</label>
<div class="orientation col-sm-8" style="padding-left: 0px; padding-right: 0px;">
<input class="form-control" type="text" value="${dataInfo.name || ''}" disabled="disabled"/>
</div>
</div>
<!-- Add other fields here as needed -->
</div>
`;
// 将 HTML 内容添加到 .modal-body 内的 form 中
$('.modal-body form').append(htmlContent);
}
}
}
这样,你就可以省略中间变量 formElement
,直接把生成的 HTML 内容插入到 .modal-body
下的 form
元素内了。这种方式更简洁明了。
内容由零声教学AI助手提供,问题来源于学员提问