jquery-select2 - Select2 に設定値が表示されない

Question

要素がありselect2ます：

<select name="commande_id" id="commande">
    <option value=""> -- Choisir une commande -- </option>
    <option value="1">COM-2-2015</option>
</select>

$(document).ready(function() {
        ...
        $("#commande").select2({width:'100%'});
        ...
});

更新モードでページに入ると、select 要素のオプション値をプログラムで database からの値に設定します。

$(document).ready(function() {
       ...
       <?php
        if (isset($data)) { ?>
            ...
            $("#commande").val("<?php echo $data[0]['commande_id'];?>");
            ...
        <?php
        }
        ?>
        ...
});

問題は、実行時に select 要素が適切なテキストを表示しないことです:

しかし、それをクリックすると、適切な値が選択されます:

では、適切なテキストを表示するにはどうすればよいでしょうか。

Answer 1

どうやって を取得しているのかわかりませんが、$dataそのようなものだと思います。ほんの一例です。

<?php

$data[] = ["commande_id" => "1", "name_field" => "COM-2-2015"];

foreach ($data as $key => $value){
?>
<select>
    <option value='<?php echo $value['commande_id']?>'><?php echo $value['name_field'] ?></option>
</select>
<?php } ?>

こちらをご覧ください: https://ideone.com/PSpKmu