Выпадающий мультиселект не работает корректно с вызовом django-ajax?

 <form method="POST" data-attributevalue-url="{% url 'vendor:ajax_load_attributes_values' %}">      <div class="d-flex ms-4">
    <div class="col-lg-8">
      
         {{ productform.attributes|as_crispy_field }} --dropdown select field

               <select  class="form-control" multiple aria-label="size 3  select example" required name="attribute_values" id="id_attribute_values">
    <option value="">----</option>
  </select>

    </div>
  </div>
 </form>

<script>
//attribute_values category filter
$("#id_attributes").change(function () {
  var url = $("#productForm").attr("data-attributevalue-url"); 
  var attributeId = $(this).val();  
  $.ajax({                      
    url: url,                    
    data: {
      'attributes': attributeId      
    },
    success: function (data) {  
      console.log("success")
        $("#id_attribute_values").html(data); 
    }
  });
 </script>


 <script type="text/javascript" src="{% static 'multiselect/dist/js/BsMultiSelect.min.js' %}"></script>
 <script type="text/javascript">
   $(document).ready(function() {
     $("#id_attribute_values").bsMultiSelect();

   });

Здесь я хочу сделать выпадающий список, который может иметь несколько вариантов выбора. Это будет сделано после вызова ajax. Здесь я получаю значения, которые возвращает ajax, и также я получил значения, я видел их на вкладке элементов браузера. Но эти значения не заполняются внутри этого выпадающего списка. Как решить эту проблему? Нужна помощь

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