0

このページにセレクターがあるリモート ページ (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))
     });
});

しかし、オプションはまだ空です。

4

1 に答える 1

0

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)
});
于 2016-10-11T14:27:06.370 に答える