javascript - 使用 json_encode 在 js 中初始化的 php 数组数据填充 id/text select2

Question

我刚刚被介绍给 select2，为了填充它，我尝试使用 php 数组和 json 对其进行编码，但现在的结果只是将下拉结果显示为 value=option 文本，我想显示文本并使用相应的值进行其他操作，我的代码快照:

  $sqlGetUserList="My query here";
    $resultGetUserList = $conn->query($sqlGetUserList);

    <div id="cid_11" class="form-input-wide">      
       <select class="js-user-basic-single"  id="user"  name="user" required onchange="getUserPlan();" style="width:250px;" data-component="dropdown">
        <option value=''></option>
     <?php while ($rowGetUserList= mysqli_fetch_array($resultGetUserList)) {  
      $arr[]=$rowGetUserList['user_Id']; 
}  ?>
</select>

现在我检索到我想设置为选项的 value=""的 id

我的JS:

 var tempArrayID = <?php echo json_encode($arr); ?>;
$(".js-user-basic-single").select2({
  data: tempArrayID
})

有没有一种方法可以告诉 select2 所需的值应该从 ID 数组中检索，而文本将从我检索字符串的第二个数组中检索？

Answer 1

我改用了 Jquery UI 自动完成/组合框，它完全可以满足我当前的需求!欲了解更多信息: https://jqueryui.com/autocomplete/#combobox][1]