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
        }
        ?>
        ...
});

问题是在运行时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