Dual ListBox在第一次运行时未从数据库中显示选项

Question

首先，我使用的是我从 http://www.virtuosoft.eu/code/bootstrap-duallistbox/

获得的bootstrap dual Listbox

尝试实施它后，我遇到了一个问题。首先，除非我单击Move All按钮，否则不会在任一个选择框上显示选项。

所以这是结构和代码。

index.php

<!-- HTML -->
<select multiple="multiple" size="5" class="eItems" name="skillsTagged" id="skillsTagged">
</select>
<!-- Scripts-->
<script>
$(document).ready(function(){
  var dlb1 = $('#skillsTagged').bootstrapDualListbox({
    nonSelectedListLabel: 'Non-selected',
    selectedListLabel: 'Selected',
    preserveSelectionOnMove: 'moved',
    moveOnSelect: false                     
  });
  getSkills();
});
function getSkills(){
  var oldid = "1";
  $.ajax({
    type: "POST",
    url: "get_selected_skills.php",
    data: { specId : oldid }
  }).done(function( res ) {
    $("#skillsTagged").html(res);
  });
}
</script>

get_selected_skills.php

<?php
  echo "<option value='1'>1</option><option selected value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option selected value='5'>5</option>";
?>

因此，似乎有选项，但在第一次运行中没有显示。在常规列表框上尝试了它，并且正在工作，因此，如果有人在使用Dual ListBox时已经遇到了此功能，那么您的帮助将不胜感激！谢谢！

Answer 1

尝试将ajax async属性设置为false ...

İN方法：async：false

或全球：

$。ajaxsetup（{{ 异步：false}）;