如果您想在现有的展示框下方继续添加多个展示框,您可以考虑创建一个父容器来包含所有展示框,并将每个新的展示框添加到该父容器中。以下是一个示例:
首先,在HTML中创建一个父容器元素,用于包含展示框:
<div id="displayContainer"></div>
然后,在JavaScript代码中使用该父容器来添加展示框:
$.ajax({
url: '../d/exemptionReduction/selectInforList?loanCodes=' + loanCodes,
contentType: 'application/json',
type: 'POST',
lang: defLanguage,
async: false,
success: function(res) {
var dialogData = JSON.parse(res);
if (dialogData.success) {
var displayContainer = document.getElementById('displayContainer'); // 获取父容器元素
for (let i = 0; i < dialogData.data.length; i++) {
var dataObj = dialogData.data[i];
var displayBox = document.createElement('div'); // 创建新的展示框
displayBox.classList.add('display-box'); // 可以为展示框添加自定义CSS类名
var customerNameLabel = document.createElement('label');
customerNameLabel.innerHTML = lang('customer_name');
var customerNameValue = document.createElement('span');
customerNameValue.innerHTML = dataObj.name;
// 创建其他字段的label和value元素...
displayBox.appendChild(customerNameLabel); // 将label添加到展示框中
displayBox.appendChild(customerNameValue); // 将value添加到展示框中
// 添加其他字段的label和value元素到展示框...
displayContainer.appendChild(displayBox); // 将展示框添加到父容器中
}
}
},
});
在上述代码中,首先获取父容器元素displayContainer。然后,在循环中创建一个新的展示框(displayBox),并为每个字段创建相应的label和value元素。最后,将这些元素依次添加到展示框,并将展示框添加到父容器中。
请注意,您可能需要根据实际情况进行样式调整,并且可以根据需要自定义CSS类名来对展示框进行样式定制。
内容由零声教学AI助手提供,问题来源于学员提问




