【问题标题】:How to Edit and update the td in a table in js如何在js中编辑和更新表中的td
【发布时间】:2017-04-02 04:22:30
【问题描述】:

需要编辑和更新表中的 td。当我点击“编辑”按钮时,我需要编辑表格,并在点击保存时同样更新它。

function editCell(e) {
  var t = document.getElementById("table");
  var trs = t.getElementsByTagName("tr");
  var tds = null;
    tds = trs[i].getElementsByTagName("td");

    tds[3].appendChild(firstname);  
  tds.innerHTML = firstname.value;

  tds[4].appendChild(lastname);  
  tds.innerHTML = lastname.value;

  tds[5].appendChild(email);  
  tds.innerHTML = email.value;

  tds[6].appendChild(phnumber);  
  tds.innerHTML = phnumber.value;

}

JsFiddle

【问题讨论】:

  • this JSFiddle 是否实现了您想要的第一部分?如果是这样,如果你愿意,我可以帮助保存部分。
  • 是的 Gregory 这就是我想要的......是的 Gregory 我也需要保存部分。我想用新内容保存编辑过的 td。

标签: javascript json html-table


【解决方案1】:

解决方案:考虑以下JSFiddle 与您的解决方案。以下函数将数据“保存”到 td。

function saveCell() {...}

注意:如果要将其物理保存在某个位置,则需要使用服务器端语言,例如 PHP。

【讨论】:

    猜你喜欢
    • 2020-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-01-10
    • 2021-08-06
    • 2012-01-24
    • 1970-01-01
    • 2021-12-15
    相关资源
    最近更新 更多