如何使用 JavaScript 将表格数据发送到模态表单？答案

【问题标题】：How to send table-data to a modal-form, using JavaScript?如何使用 JavaScript 将表格数据发送到模态表单？
【发布时间】：2018-07-23 17:41:48
【问题描述】：

如何使用JavaScript 在modal-form 中显示array 或objects？让我先展示一些代码 sn-ps。页面是用PHP写的，但是会显示HTML的结果。

首先，我有一个container，我想将其用作modal-form。

<div id="overlay" onclick="off()">
  <div id="textplayer">
    <p>text</p>
  </div>
</div>

container 中的 text 应替换为 table 后面的 data。

<tr onclick="on('FP0001')">
  <td class="FP0001">
    FP0001
  </td>
  <td class="FP0001">
    Jimmy 
  </td>
  <td class="FP0001">
    Right Back 
  </td>
</tr>

JavaScript style-display 元素使container 可见或隐藏。

<script>
function on(classPlayer) {
  var x = document.getElementsByClassName(classPlayer);

  document.getElementById("textplayer").innerHTML = x[2].innerHTML;
  document.getElementById("overlay").style.display = "block";
}

function off() {
    document.getElementById("overlay").style.display = "none";
}
</script>

我想，我只是幸运。然而到目前为止，一切似乎都运行良好。

var x 用于在modal-form 中显示x[2] 的value。

这是我所知道的。代码中的每一次更改都使得无法使用<tr> 中的onclick 方法。或者更确切地说，一切都阻止了container 由onclick 显示。

我尝试在JavaScript 中的var x= 语句之后添加一些code，但随后container 将不再出现。我尝试过的许多其他事情都给出了同样的问题。

哪里出错了？希望有人可以帮助我。

【问题讨论】：

标签： javascript forms dom html-table modal-dialog

【解决方案1】：

试试这个document.getElementById("textplayer").innerHTML = x[2].innerText;

【讨论】：

我在尝试document.getElementById("textplayer").childNodes[2].nodeValue=x[2]c，但效果不佳，因为<p> 之外的元素也算作节点。