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

?>

所以似乎选项在那里，但在首次运行时没有显示。在常规列表框上试用它并且正在工作，如果有人在使用双列表框时已经遇到过这个问题，我们将非常感谢您的帮助！谢谢！

Answer 1

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

İn方法：async：false

或全球：

$。ajaxSetup（{ 异步：假 }）;

双ListBox在首次运行时不显示数据库中的选项

1 个答案: