Содержимое JQuery update div на удаленной странице перед загрузкой страницы

Question

У меня есть удаленная страница (mypage.html) с селектором на этой странице. Я хочу загрузить эту страницу в свой bootstrapdialog как тело диалога, но я хочу динамически добавлять параметры в селектор перед загрузкой.

страница (mypage.html) код дистанционного:

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

Затем я хочу добавить, используя JQuery

$.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)) 
    }); 
}); 

Но варианты по-прежнему пуст.

Answer 1

data предположительно является просто строкой. Вы берете эту строку и создаете набор элементов dom $(data) и манипулируете элементами.

Вы затем с той же строки и создавать новый набор элементов DOM ...

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

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