Javascript 如何获取表格中单元格的值并在文本框中显示
我有一张这样的桌子:Javascript 如何获取表格中单元格的值并在文本框中显示,javascript,html,Javascript,Html,我有一张这样的桌子: <table id="mytable"> <tr> <th>Customer Id</th> <th>Name</th> </tr> <tr> <td>123</td> <td>A</td> </tr> <tr> <td>456</
<table id="mytable">
<tr>
<th>Customer Id</th>
<th>Name</th>
</tr>
<tr>
<td>123</td>
<td>A</td>
</tr>
<tr>
<td>456</td>
<td>B</td>
</tr>
<tr>
<td>789</td>
<td>C</td>
</tr>
</table>
<form>
<input type="text" name="txtDsCode" id="txtDsCode"/>
</form>
当我单击文本框,然后单击表中的单元格时,该单元格的值将显示在文本框中。
我应该如何使用javascript?
谢谢大家
使用querySelectorAll选择td元素
使用Array.from将类似数组的对象强制转换为Array以应用数组方法
使用addEventListener注册事件
var cells=document.queryselectoral'mytable td';
Array.fromcells.forEachfunctionelem{
elem.addEventListener“单击”函数{
document.getElementById'txtDsCode'.value=this.textContent;
}
}
客户Id
名称
123
A.
456
B
789
C
谢谢你的回答!: