jquery getting the data-id from delete button and showing id in modal

Question

I cant get the data-id attribute value to show in the modal when button is clicked

Here is my button:-

<a class="btn btn-default btn-sm" id="delcompanybtn" data-href="/deletecompany.php?companyid=' + data[0] + '" data-toggle="modal" data-target="#confirm-delete" data-id=' + data[0] + '" ></a>

Here is my Jquery code:-

$('#delcompanybtn').on('show.bs.modal', function (e) {
var companyid = $(e.relatedTarget).attr('data-id');
$('#showcompanyid').html(companyid);
});

Here is my modal body code:-

<div class="modal-body">
Delete Company ID : <span id="showcompanyid"></span> ?
</div>

Silly little things like this just bug me, any help is appreciated!

Have you checked that the `show.bs.modal` event actually works? I remember having issues with this in the past where it didn't. Try [this](https://stackoverflow.com/questions/19279629/bootstrap-jquery-show-bs-modal-event-wont-fire) — Matt, Aug 29 '18 at 13:34
What is `data-id=' + data[0] + '"`? And consider using `$(this).attr("data-id")` instead of `$(e.relatedTarget)`. — Tyler Roper, Aug 29 '18 at 13:34
its in a datatables row.. the data[0] works fine as it displays the relevant ID when I hover over it and also the relevant href url works as it contains the ID .. i just cant get it to display in the span in the modal — Chris Yates, Aug 29 '18 at 13:35
If you're positive the event is firing, then try `$(this)` instead of `$(e.relatedTarget)`. — Tyler Roper, Aug 29 '18 at 13:39
tried and still no joy have also removed the " but still same , no errors in console either — Chris Yates, Aug 29 '18 at 13:39
try this -> `$(this).data("id")` and also fix this-> `data-id="' + data[0] + '"` — Shail Paras, Aug 29 '18 at 13:42

score 0 · Answer 1 · answered Aug 29 '18 at 14:03

solved :

$('#confirm-delete').on('show.bs.modal', function(e) {
  var companyid = $(this).data("id");
  $(this).find('#showcompanyid').html($(e.relatedTarget).attr('data-id'));
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

jquery getting the data-id from delete button and showing id in modal

1 Answers1