2017-07-18 6 views
0

Ich möchte ein Bootstrap-modal von der letzten Option aus einer Dropdown-Liste zu öffnen. Ich kann es anzeigen lassen, aber den Inhalt nicht von der Ferne eingeben.Remote modal on Dropdown wählen

Javascript

$('#myselect').change(function() { 
    var opval = $(this).val(); 
    if (opval == "showModal") { 
    $('#myModal').modal('show').find('.modal-body').load($(this).attr('data-remote')); 
    } 
}); 

Bitte sehen Geige hier: http://jsfiddle.net/m6umwc6n/2/

Antwort

1

das entfernte Attribut ist in der gewählten Option. Sie müssen .find("option:selected") hinzuzufügen:

$('#myselect').change(function() { 
    var opval = $(this).val(); 
    if (opval == "showModal") { 
    $('#myModal').modal('show').find('.modal-body').load($(this).find("option:selected").attr('data-remote')); 
    } 
}); 

http://jsfiddle.net/1fkxx591/

+0

Es funktioniert wie ein Zauber! Vielen Dank... – Wilf