javascript - 使用 PHP 中的 JSON 数据填充 jQuery Select2() 控件

Question

我已经做了几次同样的事情(实际上也在同一个项目上)并且效果很好。我对同一代码的这个实例有一个问题。首先，我从数据库表中选择一些数据:

$azioni = $pdo->query("SELECT id_az, concat_ws('-',Descrizione, RGE) as descrizione 
                       FROM azioni_head 
                          JOIN sofferenze ON sofferenze.id_soff = azioni_head.id_soff
                        ORDER BY Descrizione")
               ->fetchAll(PDO::FETCH_ASSOC);

这给了我一个像这样的数组(只是前几项):

Array
(
    [0] => Array
        (
            [id_az] => AZ000000126
            [descrizione] => Acciaierie Weissenfels S.p.A.-n/d
        )

    [1] => Array
        (
            [id_az] => AZ000000017
            [descrizione] => Acofer S.p.A.-n/d
        )
)

然后我将此数组转换为 Json 数组: var azioni = <?php echo json_encode($azioni); ?>;最后，我使用这些数据填充 Select2，但这次 select2 内部没有任何项目。如果我尝试在使用 alert(azioni.join( )); 编码后查看该数组我得到:

[object Object],[object Object],[object Object],[object Object],

最后我跑了:

$('#cod_az').select2({ placeholder: "Scegli", data: azioni });

出了什么问题？为什么我不能使用此数组来填充 Select2 的数据？它适用于我的应用程序的其他部分!

编辑这是 firebug 中 console.log(azioni) 的结果:

[
Object { id_az="AZ000000126",  descrizione="Acciaierie Weissenfels S.p.A.-n/d"}, 
Object { id_az="AZ000000017",  descrizione="Acofer S.p.A.-n/d"}, 
Object { id_az="AZ000000039",  descrizione="ADANI SAS DI ADANI PAOLO & C. S.p.A.-n/d"}, 
Object { id_az="AZ000000019",  descrizione="Administration Speciale ...NG S.A. en faillite-n/d"}
]

Answer 1

要进行调试，请使用 console.dir(azioni); 检查您的对象。

将 id_az 和 descrizione 键更改为 id 和 text

var data = [{ id: 0, text: 'item1' }, { id: 1, text: 'item2' }];

$(".js-example-data-array").select2({
  data: data
})

https://select2.github.io/examples.html

默认情况下，jquery select2 期望数据采用 id/text 格式。