Добавление логики шаблона Django к селекту, созданному программно из Javascript

Допустим, у меня есть пустой селект, например, такой:

<select name="select_name" class="selectpicker show-tick w-100" required>
</select>

При загрузке страницы вызывается функция ajax, которая заполняет поле select:

$.ajax({
    type: 'GET',
    data : { ... },
    url: "../../some_view/",
    headers: {
        'X-CSRFToken': csrftoken
    },
    success: function (response) {
        $("[name='select_name']").selectpicker('destroy');
        var item_list = "";
        for(var i = 0; i < response.length; i++) {
            item_list += '<option value='+response[i].pk+'>'+response[i].fields.reference_code+'</option>'
        }
        $("[name='select_name']").html(item_list);
        $("[name='select_name']").selectpicker();
    },
    error: function(xhr, status, error) {
        console.log(xhr.responseText);
    }
})

Это создаст "плоский" селект. Как я могу добавить логику шаблона Django в этот динамически созданный select?

Например, я бы хотел, чтобы селект, заполненный после вызова ajax, выглядел примерно так:

<select name="select_name" class="selectpicker show-tick w-100" required>
  {% for item in items %}
  {% if item.reference_code|stringformat:'s' == values.reference_code|stringformat:'s' %}
    <option value="{{ item.id }}" selected>{{ item.reference_code }}</option>
  {% else %}
    <option value="{{ item.id }}">{{ item.reference_code }}</option>
  {% endif %}
  {% endfor %}
</select>

Любая помощь будет высоко оценена

Вернуться на верх