无法在select2下拉列表中显示/分配值

Question

我正在页面加载的select2下拉列表中加载数据。在UI上，我可以看到下拉列表已被填充，但是当我清除下拉列表的值并再次重新加载该值时，虽然我可以看到下拉列表中的数据可用，但是并没有填充它。

我尝试使用val()，然后触发更改。它没有更改值。我已经验证了传递给下拉列表的值在下拉列表中具有该值。

这就是我尝试分配值的方式-$('#s1').val(v.Name); 这就是我清除下拉值的方法-$("#s1").val("");

            $scope.vendorlist = d.data;
            d.data.forEach(function (v) {
                vendors.push({ id: v.Id, text: v.Name });
            });

            $('#s1').select2({
            placeholder: 'Select a field',
            data: vendors,
            }).on('select2:select', function (e) {
            });

该下拉列表应在下拉框中显示传递的值。