html - 我如何将复制按钮链接到表格中的单元格？

Question

我有一个复制按钮脚本:

function myFunction() {
    var table = document.getElementById('myTable');
    var copyText = table.rows[1].cells[0].innerHTML;
    copyText.select();
    document.execCommand("copy");
    alert("Copied");
}

还有我的 table :

<table id="myTable">
{% for resp in results %}
        <tr>
            <td>{{ resp }}</td>
            <td>{{ resp.Question_id.Statement }}</td>
            <td><button onclick="myFunction()">Copy text</button></td>
        </tr>
    {% endfor %}
</table>    

我想让按钮复制里面的文本 td {{ resp }}/td

Answer 1

function myFunction(val, event) {
  var inp = document.createElement('input');
  document.body.appendChild(inp)
  inp.value = val;
  inp.select();
  document.execCommand('copy', false);
  inp.remove();
  alert('copied');
}

<table id="myTable">
  <tr>
    <td>one</td>
    <td><button onclick="myFunction('one')">Copy text</button></td>
  </tr>

  <tr>
    <td>two</td>
    <td><button onclick="myFunction('two')">Copy text</button></td>
  </tr>

  <tr>
    <td>three</td>
    <td><button onclick="myFunction('three')">Copy text</button></td>
  </tr>

  <tr>
    <td>four</td>
    <td><button onclick="myFunction('four')">Copy text</button></td>
  </tr>

</table>

一个快速的解决方案是在函数中将 text(要复制)作为 argu 传递。ctrl + v 查看结果。