如何清空select2以前的数据？

Question

我的项目中有 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，它显示城市不会因为每次状态变化而变空，并且所选状态的城市被添加到预选状态。

如何在插入新数据之前清空 select2 的城市？

Answer 1

在你的 ajax 成功函数中试试这个。

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

并清空select2

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

Answer 2

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