Jquery aktualisieren div Inhalt in Remote-Seite vor dem Laden der Seite

Question

Ich habe eine Remote-Seite (mypage.html) mit einem Selektor auf dieser Seite. Ich möchte diese Seite in meinen bootstrapdialog als den Dialogkörper laden, aber ich möchte Optionen dynamisch dem Selektor vor dem Laden hinzufügen.

Remote-Seite (mypage.html) Code:

<form> 
    <select id="zoneSelectPicker" class="form-control" 
       name="availabilityZone" style="height: 3.0em;"> 
    </select> 
</form> 

Dann möchte ich

mit Jquery hinzufügen

$.get('mypage.html', function(data) { 
       $(data).find('#zoneSelectPicker') 
       .append(
        '<option value="us-east-1a">us-east-1a</option'); 
    BootstrapDialog.show({ 
     message: $('<div></div>').append($(data)) 
    }); 
}); 

Aber die Optionen ist noch leer.

Answer 1

data ist vermutlich nur eine Zeichenfolge. Sie nehmen diese Zeichenfolge und erstellen eine Reihe von dom-Elementen $(data) und manipulieren die Elemente.

Sie werden dann die gleiche Zeichenfolge zu nehmen und einen neuen Satz von DOM-Elementen ... und

var elements = $(data); 
elements.find('#zoneSelectPicker').append('<option value="us-east-1a">us-east-1a</option>'); 

BootstrapDialog.show({ 
    message: $('<div></div>').append(elements) 
});