Jquery обновляет содержимое div на удаленной странице перед загрузкой страницы

Question

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

код удаленной страницы (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)
});