Question

我有一排索引。列数是静态的，所以我知道在哪一列放什么，但我想要的是能够使用onclick事件处理程序来更改特定单元格中的内容。应用此onclick事件的元素在表外，包含我要从中复制内容的所有文本输入。一个简短的例子

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

<div id="box1">
<form>
<input type="text" name="newText"/>
<input type="button" onclick="?" />       
</form>
</div>

Answer 1

您可以使用以下内容访问此特定单元格：

$('#table1 tr:eq(1) td:eq(1)')

这里它将选择第二行的第二列（基于0的计数）。

然后您可以使用jQuery.text()或jQuery.html()。

您可以执行以下操作：

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

然后在您的onclick方法中，您可以执行以下操作：

$('#table1 tr:eq(1) td:eq(1)').text("Whatever text you want");

OR

$('#table1 tr:eq(1) td:eq(1)').html("Whatever text you want");

Answer 2

你可以使用javascript和if。

<table id="table1">
<tr>
<td id=r1c1>SomeText</td>
<td id=r1c2>SomeOtherText</td>
</tr>
<tr>
<td id=r2c1>SomeText2</td>
<td id=r2c2>SomeOtherText2</td>
</tr>
</table>
<script>

function updatetxt(){
x=Document.getElementById(r1c1);
x.value=Document.getElementById(txt1).value
    }    
</script>
    <div id="box1">
    <form>
    <input type="text" id=txt1 name="newText" />
    <input type="button" onclick="updatetxt()" />       
    </form>
    </div>

使用rowIndex和cellIndex更改表格单元格中的文本

2 个答案: