jQuery Select 2 - 设置多个值

Question

我正在使用jQuery Select2

我的网站上有一个“Town Selector”，我在编辑屏幕上，其他地方已经选择的值将填充select2框。我遇到的问题是，我正在尝试使用PHP填充它的foreach循环，但尽管有2个值，它只填充一个值。

我的PHP数组如下所示：

Array
(
    [0] => stdClass Object
        (
            [town_id] => 407
            [profile_id] => 2
            [town] => Hartlepool
        )

    [1] => stdClass Object
        (
            [town_id] => 844
            [profile_id] => 2
            [town] => Stockton on Tees
        )

)

然后循环设置select2值，但它只选择“T恤上的Stockton”。

<script type="text/javascript">
$("#areas").select2().select2("val", null);
<?php foreach($locations as $location): ?>
$("#areas").select2().select2("val", <?php echo $location->town_id; ?>);
<?php endforeach; ?>

如何在select2加载时选择多个？

提前致谢。