根据输入值(HTML,JavaScript)生成表格代码(不是表格)

时间:2015-11-10 07:25:09

标签: javascript jquery html5

我想基于两个输入字段生成表格代码。一个输入字段包含行数,另一个包含列数。还有一个名为“提交”按钮的按钮,我需要生成没有行/没有列的表代码。

假设如果给出了行3和列2,那么它应该生成类似

的代码
 <table>
       <tbody>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
       </tbody>
    </table>

这段代码我需要保存到一个字符串中。

请帮我解决这个问题。我是JavaScript的初学者。

2 个答案:

答案 0 :(得分:2)

  

需要保存为一个字符串。

wait(gate)
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>&nbsp;</td>"
    }
    html += "</tr>"
  }
  html += "</tbody></table>";
 
  console.log(html)
}

答案 1 :(得分:1)

我在这里为你做了一个例子: JS-FIDDLE

size_t strlenU32(const uint32_t *s) {
    const uint32_t *u = s;
    while (*u) u++;
    return u - s;
}