Pass ID into Bootstrap Modal?

Question

How do I pass ID from <button> into Bootstrap Modal. So I can use ID to get information from ajax to display in the Modal.

For example:

Button:

<button id="123" type="button" class="btn btn-sm" data-toggle="modal" data-target="#Testing">Edit</button>

Should I use shown.bs.modal do this?

$("#Testing").on('shown.bs.modal', function () { 
  // How to get ID? id="??"
  //Ajax
});

Possible duplicate of [Passing data to a bootstrap modal](http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal) — tmg, Jul 11 '16 at 13:31

score 2 · Answer 1 · answered Jul 11 '16 at 13:24

2

You can use event object that is passed to the show.bs.modal handler.

$('#Testing').on('show.bs.modal', function (event) {
    var id = $(event.relatedTarget).attr('id');
});

event.relatedTarget refers to the button that has triggered the modal open event.

answered Jul 11 '16 at 13:24

Tushar

Thank you. That work! Should I use null like this if (id != null) { } – I'll-Be-Back Jul 11 '16 at 13:31
@I'll-Be-Back If there are buttons which don't have `ID` attribute, you can use `if (!id)` – Tushar Jul 11 '16 at 15:15

1 Answers1