Проблема с добавлением опций динамически в мультиселект

Question

Я пытаюсь добавить опции для множественного выбора динамически через AJAX:

<select size='2' name="CraftCode" id=@ccrf class="form-control js-select manualentrydd" ></select>

$.ajax({
  type: "GET",
  url: "GetCraftCodes",
  data: {
    JobNum: jobnum.toString()
  },
  async: false,
  content: "application/json; charset=utf-8",
  dataType: "json",
  success: function(d) {
    for (var i = 0; i < d.length; i++) {
      $('.manualentrydd').append("<option value=\"" + d[i].craftCodeId + "\">" + d[i].craftCode + "</option>");
    }
  }
  $(".manualentrydd").multiselect("refresh");,
  error: function(xhr, textStatus, errorThrown) {
    return false;
    // TODO: Show error
  }
});

этот код успешно может добавить опции в мой выбор, я вижу это на элементе проверки, но требуется li не показывает, и, следовательно, мой мультиселект не показывает никаких опций ... я прилагаю скриншот элемента inspect

Answer 1

Вы можете использовать функцию множественного выбора addOption, чтобы добавить новые параметры, например:

$.ajax({
  type: "GET",
  url: "GetCraftCodes",
  data: {
    JobNum: jobnum.toString()
  },
  async: false,
  content: "application/json; charset=utf-8",
  dataType: "json",
  success: function(d) {
    for (var i = 0; i < d.length; i++) {      
        $('.manualentrydd').multiSelect('addOption', { value: d[i].craftCodeId, text:  d[i].craftCode });
    }
  },
  error: function(xhr, textStatus, errorThrown) {
    return false;
    // TODO: Show error
  }
});