Блог

У меня проблема с настройкой текста параметра из URL-адреса ajax.

Например, у меня есть URL-адрес http://localhost:5000/api/test/calgroups

В этом URL-адресе я вижу json список всех названий групп (МОЖЕТ БЫТЬ БОЛЬШЕ)

 ["tes1","tes2","tes3","tes4","tes5","tes6"]
 

но я не могу найти какую-либо информацию о том, как настроить, мой текст с функцией множественного выбора, который я хочу сделать таким

     <select class="selectpicker" name="MultiSelectGroup" id="ms1" multiple>
        <option id="gruop" >test1</option>
        <option id="gruop" >test2</option>
        <option id="gruop" >test3</option>
... (ant more)
    </select>
 

Мой код для получения текстового значения в поле предупреждения (его необязательно показывать, но, возможно, это поможет)

 $('.selectpicker').on('changed.bs.select', function () {

    selectedServices = $.map($(this).find("option:selected"), function(o) { return o["label"]; });
alert(selectedServices)


});
 

Итак, как настроить мои поля параметров со значением из ajax link? Любая помощь будет оценена по достоинству

Вы можете извлекать значения с помощью ajax и вставлять их в качестве параметров следующим образом:

(Пожалуйста, имейте в виду, что выборка значений здесь высмеивается, она просто возвращает массив)

 async function getValuesWithAjax() {
  return ["test1", "test2", "test3"];
}

$(function() {

  getValuesWithAjax().then(values => {
    values.forEach(value => {
      $(".selectpicker").append($("<option>")
        .val(value)
        .html(value)
      );
    });
  });


  $('.selectpicker').on('change', function() {
    selectedServices = $(this).val();
    alert(selectedServices)
  });
}); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectpicker" name="MultiSelectGroup" id="ms1" multiple>
</select>