Php 双列表框在第一次运行时不显示来自数据库的选项

首先，我使用的是从

http://www.virtuosoft.eu/code/bootstrap-duallistbox/

在尝试实现它之后，我遇到了一个问题。第一次运行时，除非我单击“全部移动”按钮，否则选项不会显示在任一选择框中

这是结构和代码

Index.php

$（文档）.ready（函数（）{
var dlb1=$（'skillsTagged'）。bootstrapDualListbox({
nonSelectedListLabel:“未选定”，
selectedListLabel:“已选”，
preserveSelectionOnMove:“已移动”，
moveOnSelect:false
});
getSkills（）；
});
函数getSkills（）{
var oldid=“1”；
$.ajax({
类型：“POST”，
url:“get_selected_skills.php”，
数据：{specId:oldid}
}).完成（功能（res）{
$（“#skillsTagged”）.html（res）；
});
}

获取所选技能。php

---

尝试将ajax异步属性设置为false

İn方法：异步：false

或全球：

$.ajaxSetup({
异步：false
});
 我对这个决斗列表框一无所知，但是你的问题中没有足够的信息来追踪这个问题。似乎在文档就绪时，
getSkills（）函数，但我只能看到一个
getSkillsEdit（）函数。因此，请编辑您的问题并向我们展示正确的函数。@icecub抱歉，这是一个输入错误。现在编辑它！
<!-- 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>

<?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>";

?>