如果只能在JavaScript里面编写,可以使用DOM操作来动态创建HTML元素和添加内容。以下是一个示例:
// JavaScript代码
var dataContainer = document.createElement('div'); // 创建一个<div>元素作为容器
function createInputField(title, value) {
var container = document.createElement('div'); // 创建一个<div>元素用于放置输入框和标题
var titleLabel = document.createElement('label'); // 创建一个<label>元素用于显示标题
titleLabel.textContent = title;
container.appendChild(titleLabel);
var inputField = document.createElement('input'); // 创建一个<input>元素作为输入框
inputField.type = 'text';
inputField.value = value;
inputField.disabled = true; // 设置输入框为禁用状态,不可编辑
container.appendChild(inputField);
return container; // 返回创建的容器元素
}
// 模拟获取数据的过程,这里假设已经获取到了一组数据对象dataArray
for (var i = 0; i < dataArray.length; i++) {
var dataObj = dataArray[i];
var customerNameInput = createInputField('customer_name', dataObj.name);
dataContainer.appendChild(customerNameInput);
var customerCodesInput = createInputField('customer_codes', dataObj.customerId);
dataContainer.appendChild(customerCodesInput);
// 添加其他字段的输入框...
}
document.body.appendChild(dataContainer); // 将整个容器添加到<body>元素中
这个例子通过使用JavaScript动态创建HTML元素和添加内容,在代码中直接生成了输入框,并将其添加到文档中。您可以根据实际情况修改代码以适应您的需求。
内容由零声教学AI助手提供,问题来源于学员提问




