【问题标题】:Button creating HTML code [closed]创建 HTML 代码的按钮 [关闭]
【发布时间】:2013-07-16 02:48:17
【问题描述】:

我想创建一个在按下按钮时将添加行的表。有没有办法做到这一点?我上网查了一下,没找到。

编辑:我正在寻找一种在按下按钮时利用 Javascript 添加 HTML 代码的解决方案。我不知道这有多可行,因为我是 Javascript 新手。我想要一个带有文本字段行的表格,并在按下按钮时将带有文本字段的新行添加到表格中。

【问题讨论】:

  • 我们在这里讨论的是什么语言? Javascript? C#?需要更多信息。
  • 这可以通过多种方式完成。不过,在 SO 答案中解决完整的解决方案太过分了。选择一项技术并尝试一下,然后在此处发布具体问题。

标签: html button


【解决方案1】:

我假设您需要一些 JavaScript 来将行附加到您的表中。我在http://jsfiddle.net/kbsvd/ 设置了一个演示,可能会对您有所帮助。

function addRow() {
    var td, tx;
    var tbl = document.getElementById("tbl");
    var tr = document.createElement("tr");
    for(var x=0; x<2; x++ ) {
        td = document.createElement("td");
        tx = document.createTextNode(".");
        td.appendChild( tx );
        tr.appendChild( td );
    }
    tbl.appendChild( tr );
}

HTML 是

<input type="button" name="button" id="button" value="Add Row" onClick="addRow();">
<table cellspacing="0" cellpadding="0" id="tbl" border=1>
  <tr>
    <th>Col 1</th>
    <th>Col 2</th>
  </tr>
  <tr>
    <td>Dummy </td>
    <td>Dummy</td>
  </tr>
</table>

【讨论】:

  • 我查看了 JSFiddle,并编辑了告诉它在新单元格中放入什么内容的行。我不知道如何在其中放置输入标签。这可能吗?
猜你喜欢
  • 1970-01-01
  • 2020-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-23
  • 2016-01-12
  • 1970-01-01
相关资源
最近更新 更多