通过用户输入和Java脚本更改特定表单元格中的文本

无意义的

如何根据用户输入更改单元格的内容？

用户应该能够同时更改单元格和该单元格中的文本。

这是我要使用的表的一个示例（不带tdid）：

<table border="1" id="tbl">
  <tr><td>text</td><td>text</td><td>text</td></tr>
  <tr><td>text</td><td>text</td><td>text</td></tr>
</table>

我猜这是一些输入字段：

<label for="row">Row: </label>
<input type="number" id="row" value="1" />

<label for="col">Column: </label>
<input type="number" id="col" value="1" />

<label for="textOut">Tekst: </label>
<input type="text" id="tblText" name="text" value="Some text"/>

<button onclick="changeTable()">Change cell</button>

这就是我迷路的地方...我已经在网上搜索了几个小时，尝试了许多不同的方法，但是我完全陷入了困境。不用说我真的是JavaScript新手...

var tbl = document.getElementById("tbl");

function changeTable () {
  var row = document.getElementById("tbl").rows;
  var col = row[0].cells;
  col[0].innerHTML = document.getElementById("tblText").value;
}

纳伦·P

var tbl = document.getElementById("tbl");

function changeTable () {
  var row = document.getElementById("tbl").rows;
  var r= document.getElementById("row").value
  var c= document.getElementById("col").value
  var col = row[r].cells;
  col[c].innerHTML = document.getElementById("tblText").value;
}

您忘记了从输入标签中读取行号和列号。在这里，我为行值和列值声明了两个名为r和c的变量。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。