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

假设如果给了第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的新手。

最佳答案

需要保存到一个字符串中。




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)
}

<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/

10-12 12:53
查看更多