bootstrap select2怎么设置默认值

Posted 2023-05-03

参考技术A // Set up the Select2 control
$('#mySelect2').select2(
    ajax: 
        url: '/api/students'
    
);
// Fetch the preselected item, and add to the control
var studentSelect = $('#mySelect2');
$.ajax(
    type: 'GET',
    url: '/api/students/s/' + studentId
).then(function (data)     
// create the option and append to Select2
    var option = new Option(data.full_name, data.id, true, true);
    studentSelect.append(option).trigger('change');    
    // manually trigger the `select2:select` event
    studentSelect.trigger(
        type: 'select2:select',
        params: 
            data: data
        
    );
);

参考技术B 动态删除select中的所有options：document.getElementById("ddlResourceType").options.length=0;动态删除select中的某一项option：document.getElementById("ddlResourceType").options.remove(indx);动态添加select中的项option:documen

el-select设置默认值后选项无法切换

参考技术A 在写vue项目时，设置页面下拉框的默认值时，后台获取数据绑定后，重新选择后，一直无法切换选项，查了半天原来是页面渲染的问题。

原因：出现这个问题就是因为绑定了对象（需求如此），只是改变对象的一个属性值，render函数没有自动更新，数据刷新了，但是视图没有刷新。

解决方案：调用this.$forceUpdate就是重新render。