デュアルリストボックスは、最初の実行すべての

Question

まず上のデータベースからオプションを表示していない、私はそれを実装しようとした後http://www.virtuosoft.eu/code/bootstrap-duallistbox/

からもらったブートストラップデュアルリストボックスを使用しています、私は一つの問題が発生しました。最初に実行すると、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の非同期プロパティを設定してください：非同期：偽

またはグローバル：

$ .ajaxSetup（{ 非同期：偽 }）;