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

在加载页面之前，Jquery更新远程页面中的div内容

1 个答案: