Christian Kruse: bootstrap, Variable an INPUT Feld in einem MODAL übergeben

Beitrag lesen

Hallo Kolwitz,

verstehe.

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"  data-1="bitte">
  Launch demo modal 1
</button>

und später hier verarbeitet

$('#myModal').on('show.bs.modal', function() {
   $("#modal-data1").val("data-1");
});

und hier ausgegeben

<input id="modal-data1" type="text" >

Du musst dir den Wert aus dem data-Attribut auslesen. Etwa so:

$('#myModal').on('show.bs.modal', function(event) {
  var val = $(event.relatedTarget).attr('data-1');
  $("#modal-data1").val(val);
});

Bootstrap dokumentiert, dass das geklickte Element in der relatedTarget-Eigenschaft des Event-Objekts gespeichert wird.

LG,
CK