Question

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

以下是表格行的外观：

＆＃13;

<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>

＆＃13;

这是我的脚本，当模态加载到我试图访问data-contactMobile和来自所选单元格的data-contactName时运行：

＆＃13;

$(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)
  });
}); //]]>

＆＃13;

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

Answer 1

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

时

它有效

试试吧

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

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

1 个答案: