<td contenteditable="true" id="cell_1_1"><input type="text" oninput="filterTable(1)" placeholder="aoiStep" id="input_1_1"></td> <td contenteditable="true" id="cell_1_2"><input type="text" oninput="filterTable(2)" placeholder="defectType" id="input_1_2"></td> <td contenteditable="true" id="cell_1_3"><input type="text" oninput="filterTable(3)" placeholder="layerCode" id="input_1_3"></td> <td contenteditable="true" id="cell_1_4"><input type="text" oninput="filterTable(4)" placeholder="type"id="input_1_4"></td> <td contenteditable="true" id="cell_1_5"><input type="text" oninput="filterTable(5)" placeholder="dpet" id="input_1_5"></td> <td contenteditable="true" id="cell_1_6"><input type="text" oninput="filterTable(6)" placeholder="subcode" id="input_1_6"></td> <td contenteditable="true" id="cell_1_7"><input type="text" placeholder="codeDescription" id="input_1_7"></td> <td contenteditable="true" id="cell_1_8">image1</td> <td contenteditable="true" id="cell_1_9">image2</td> <td contenteditable="true" id="cell_1_10">image3</td> <td contenteditable="true" id="cell_1_11">image4</td> <td contenteditable="true" id="cell_1_12">image5</td> <td contenteditable="true" id="cell_1_13"><input type="text" placeholder="determination_rule"id="input_1_8"></td>根据表格生成完整的内容
时间: 2023-08-21 20:08:09 浏览: 93
当div设置contentEditable=true时,重置其内容后无法光标定位
5星 · 资源好评率100%
根据你提供的表格结构,下面是根据表格生成完整内容的示例代码:
```javascript
function submitData(button) {
var row = button.parentNode.parentNode;
var aoiStep = row.querySelector("#input_1_1").value;
var defectType = row.querySelector("#input_1_2").value;
var layerCode = row.querySelector("#input_1_3").value;
var type = row.querySelector("#input_1_4").value;
var dpet = row.querySelector("#input_1_5").value;
var subcode = row.querySelector("#input_1_6").value;
var codeDescription = row.querySelector("#input_1_7").value;
var determinationRule = row.querySelector("#input_1_8").value;
// 创建 FormData 对象,用于存储表格数据和图片文件
var formData = new FormData();
formData.append("aoiStep", aoiStep);
formData.append("defectType", defectType);
formData.append("layerCode", layerCode);
formData.append("type", type);
formData.append("dpet", dpet);
formData.append("subcode", subcode);
formData.append("codeDescription", codeDescription);
formData.append("determinationRule", determinationRule);
// 添加图片文件到 FormData 对象
var image1File = row.querySelector("#input_1_8").files[0];
var image2File = row.querySelector("#input_1_9").files[0];
var image3File = row.querySelector("#input_1_10").files[0];
var image4File = row.querySelector("#input_1_11").files[0];
var image5File = row.querySelector("#input_1_12").files[0];
formData.append("image1", image1File);
formData.append("image2", image2File);
formData.append("image3", image3File);
formData.append("image4", image4File);
formData.append("image5", image5File);
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 处理返回的结果
var result = xhr.responseText;
console.log(result);
}
};
// 发送 POST 请求
xhr.open("POST", "insert.php", true);
xhr.send(formData);
}
```
这段代码根据表格中的每个单元格的 `id` 属性获取对应的输入值,并将它们存储到 `FormData` 对象中。同时,还添加了对应的图片文件。请根据你的实际需求,修改表格中的 `id` 属性和文件输入的 `id`,以便与代码中的选择器匹配。
希望这个回答对你有所帮助!如果你还有其他问题,请随时提问。
阅读全文