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 元素的选项值设置为来自数据库的值：

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

问题是在运行时选择元素不显示适当的文本：

但是当我单击它时，会选择适当的值：

那么如何使适当的文字显示出来呢？

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