Javascript 如何使用codeigniter中的数据库数据设置Select2中的值
我真的需要帮助解决我的问题,我正在尝试使用使用ajax在数据库中获取的数据在select2中设置一个值 这是我在select2中的观点Javascript 如何使用codeigniter中的数据库数据设置Select2中的值,javascript,codeigniter,jquery-select2,Javascript,Codeigniter,Jquery Select2,我真的需要帮助解决我的问题,我正在尝试使用使用ajax在数据库中获取的数据在select2中设置一个值 这是我在select2中的观点 <select multiple id="multiple_assigned" style="width:300px"> <option value="1">Test1</option> <option value="2">Test2</option>
<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>
以下是我的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');
}
});
$.ajax({
url:url,
键入:“获取”,
数据类型:“JSON”,
数据:$('#form')。序列化(),
成功:功能(数据){
对于(i=0;i我已经得到了答案
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();
},
成功:函数(数据){
//如果成功,请关闭模式并重新加载ajax表
var selectedValues=新数组();
对于(i=0;i#使用css/select2.min.css
#使用js/select2.full.min.js
#然后添加class=“select2”
#例如:
测试1
测试2
测试3
测试4
测试5
测试6
测试7
测试8
#然后使用这个脚本
$(函数(){
//初始化Select2元素
$('.select2').select2()
})
$(“#多个_分配”)。选择2();
在for循环成功后添加此项function@MohsinMarui我已经添加了它,但什么也没有发生:(@MohsinMarui)它现在正在工作,但它只显示一个数据。通常它是使用select2类从下拉列表中搜索数据
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();
},
#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>