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});
            }

        });
  });

问题是选择2，它表示城市在每次状态变化时都不会为空，而选定状态的城市会被添加到预选状态。

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

Answer 1

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

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

清空select2

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

Answer 2

只清空您要加载数据的列表或下拉列表

如何清空select2以前的数据？

2 个答案: