如何使用编码器中的数据库数据在 Select2 中设置值

Question

我真的需要帮助来解决我的问题，我正在尝试使用我使用 ajax 在数据库中获取的数据在我的 select2 中设置一个值。

这是我在选择2中的观点

<select multiple id="multiple_assigned" style="width:300px">
<option value="1">Test1</option>
<option value="2">Test2</option>
<option value="3">Test3</option>
<option value="4">Test4</option>
<option value="5">Test5</option>
<option value="6">Test6</option>
<option value="7">Test7</option>
<option value="8">Test8</option>
</select>

数据如下所示：

0: {users_id: "1"}
1: {users_id: "2"}
2: {users_id: "3"}
3: {users_id: "4"}
4: {users_id: "5"}
5: {users_id: "6"}

这是我的 Ajax 看起来像：

$.ajax({
url: url,
type: "GET",
dataType: "JSON",
data: $('#form').serialize(),
success: function(data) {
for(i=0; i<data.length; i++){
$('#multiple_assigned').val(data[i]);
}
},
error: function(jqXHR, textStatus, errorThrown) {
alert('Error adding / update data');
}
});

提前谢谢你。 我只需要在 select2 中显示我通过数据库获取的所有数据。 任何答案将不胜感激，谢谢。

Answer 1

#use css/select2.min.css
#use js/select2.full.min.js
# then add class="select2"
#Example:
<select class="select2" multiple>
<option value="1">Test1</option>
<option value="2">Test2</option>
<option value="3">Test3</option>
<option value="4">Test4</option>
<option value="5">Test5</option>
<option value="6">Test6</option>
<option value="7">Test7</option>
<option value="8">Test8</option>
</select>
#then use this script
<script>
$(function() {
//Initialize Select2 Elements
$('.select2').select2()
})
</script>

Answer 2

我已经得到了答案。

success: function(data) {
//if success close modal and reload ajax table
var selectedValues = new Array();
for(i=0; i<data.length; i++){
selectedValues[i] =   data[i]['users_id']
$('#multiple_assigned').val(selectedValues);
}
$("#multiple_assigned").select2();
},

我只需要声明一个数组，然后遍历它。