获取表格单元格值并传递给 Javascript

用户982124

我有一个带有链接的表，可以打开 Bootstrap 模式。我试图从用户单击链接到模态的行中传递一些值，但我无法从表格单元格中获取值。

以下是表格行的外观：

<tr id="D8F49748-212A-42D8-A188-4C23556027FA">
  <td><a href="#" data-contactName="John Citizen" data-contactMobile="0412345678" data-toggle="modal" data-rec-id="1537" data-target="#contactCallModal"><span class="glyphicon glyphicon-earphone"></span> 0412345678</a></td>
</tr>
<tr id="D9AA7744-E138-4A0E-86A2-B8D0CD2007D6">
  <td><a href="#" data-contactName="Fred Flinstone" data-contactMobile="0498765432" data-toggle="modal" data-rec-id="1577" data-target="#contactCallModal"><span class="glyphicon glyphicon-earphone"></span> 0498765432</a></td>
</tr>

这是我的脚本，它在模式加载时运行，我试图从所选单元格获取 data-contactMobile 和 data-contactName：

$(window).load(function() {
  $('#contactCallModal').on('show.bs.modal', function(e) {
    var recID = $(e.relatedTarget).data('rec-id');
    var contactMobile = $(e.relatedTarget).data('contactMobile');
    var contactName = $(e.relatedTarget).data('contactName');
    console.log(recID);
    console.log(contactMobile);
    console.log(contactName)
  });
}); //]]>

当我查看控制台时，我只看到了 recID - contactName 和 contactMobile 显示为未定义。不确定我在这里做错了什么？

芒泽

上次我遇到了同样的问题，当我使用 javascript 方法时 getAttribute()

有效

尝试一下

 var clickedlink = e.relatedTarget;
 var contactMobile  = clickedlink.getAttribute('data-contactMobile');
 var contactName= clickedlink.getAttribute('data-contactName');

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。