Select2 модальный ajax не работает для кода jquery .load () или .html ()? - PullRequest
Новая
       72

Select2 модальный ajax не работает для кода jquery .load () или .html ()?

0 голосов
/ 11 ноября 2019

Я хочу сделать select2 в модальном ajax, когда я не использую ajax с помощью jquery .load () или .html (), результаты успешны, но если я использую .load () или .html (), то результатыне работает.

Я использую select2 v 4.0.3

файл: home_code.php 

<button type="submit" class="btn green" data-target="#modal_demo_1" data-toggle="modal" onclick="load_ajax(id)">Launch Modal 1</button>
<div id="modal_demo_1" class="modal fade" role="dialog" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div id="ajax-load"></div>
    </div>
</div>


<script type="text/javascript">
function load_ajax(id) {
    $.ajax({
        url: "url.php?id="+id,
        data: {id:id},
        type: "GET",
        success: function (data) {
            $('#ajax-load').html(data);
        }
    });
}

file: url.php 

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Select2 Demo In Modal</h4></div>
<div class="modal-body">
<form action="#" class="form-horizontal">
    <div class="form-group">
        <label class="control-label col-md-4">Basic</label>
        <div class="col-md-8">
            <select class="form-control select2">
                <option></option>
                <optgroup label="Alaskan">
                    <option value="AK">Alaska</option>
                    <option value="HI" disabled="disabled">Hawaii</option>
                </optgroup>
                <optgroup label="Pacific Time Zone">
                    <option value="CA">California</option>
                    <option value="NV">Nevada</option>
                    <option value="OR">Oregon</option>
                    <option value="WA">Washington</option>
                </optgroup>
            </select>
        </div>
    </div>
</form></div>
<div class="modal-footer">
<button class="btn dark btn-outline" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn green" data-dismiss="modal">Save changes</button></div>

Я ожидаю, что select2 будет работать с использованием ajax jquery .html (), но select2 запускается, если я не использую ajax load

модал select2 без ajax завершится успешно

ВОПРОС

как загрузить select2 в модал с помощью jquery ajax?

...