Javascript 如何清空并选择2个以前的数据？

我的项目中有2个select2组件。其中一个的值取决于所选另一个的值。代码如下：

  $('#states').on('change', function() {
     $.get({
            url: 'https://mydomain/cities.php/?sid='+$(this).val(),
            dataType: 'json',
            success: function(response) {
                citiesData = new Array();
                $.each(response, function(index, el) {
                   citiesData.push({'id' : el.id, 'text' : el.title});
                });

                $('#cities').select2({data:citiesData});
            }

        });
  });

问题是select2，它显示城市不会在每次状态更改时变为空，并且所选状态的城市会添加到预选状态

---

如何在插入新数据之前清空选定的2个城市？

在ajax成功功能中尝试此功能

$('#cities').select2().val();

然后，选择2清空

$("#cities").empty();

---

在ajax成功函数中尝试这一点

$('#cities').select2().val();

然后，选择2清空

$("#cities").empty();

---

只清空正在加载数据的列表或下拉列表

只清空正在加载数据的列表或下拉列表

为什么要使用

select2

？可能是html中ID为

select2

的元素？select2是Yii的扩展。为什么要将

select2

用作函数？可能是html中ID为

select2

的元素？select2是Yii的扩展。

…empty（）非
空哇。。。第二个解决方案有效！我爱你们，初学者和马克斯：*你们是我今天的英雄<代码>…空（）非
空哇。。。第二个解决方案有效！我爱你们，初学者和马克斯：*你们是我今天的英雄！我认为您应该尝试清空阵列城市数据我认为您应该尝试清空阵列城市数据