Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取表格中单元格的值并在文本框中显示_Javascript_Html - Fatal编程技术网

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
谢谢你的回答!: