我想基于两个输入字段生成表代码。一个输入字段包含行数,另一个输入字段包含列数。还有一个称为单击提交的按钮,我需要为没有行/没有列的表生成代码。
假设如果给了第3行和第2列,那么它应该生成类似
<table>
<tbody>
<tr>
<td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td>
</tr>
<tr>
<td> </td><td> </td>
</tr>
</tbody>
</table>
我需要将此代码保存为一个字符串。
请帮我怎么做。我是JavaScript的新手。
最佳答案
需要保存到一个字符串中。
var form = document.getElementsByTagName("form")[0];
form["button"].onclick = function() {
var html = "<table><tbody>";
for (var i = 0; i < form["rows"].value; i++) {
html += "<tr>";
for (var j = 0; j < form["columns"].value; j++) {
html += "<td> </td>"
}
html += "</tr>"
}
html += "</tbody></table>";
console.log(html)
}
<form>
<input type="number" min="1" max="10" name="rows" required />rows
<input type="number" min="1" max="10" name="columns" required />columns
<input type="button" name="button" value="create table" />
</form>
关于javascript - 根据输入值(HTML,JavaScript)生成表代码(非表),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33624792/