如何清除select2下拉列表？

Question

我正在处理一个要求，即通过ajax提交表单后必须清除select2下拉框。我搜索并尝试了一些解决方案，但没有成功。

我的select2代码是：

$(document).ready(function(){
 $("#my_select_id").select2({
      placeholder: "Select One Option",
      allowClear: true,
      initSelection: function(element, callback) { }
 }); 
})

清除 select2 的脚本是：

$('#my_select_id').select2("val", "");

有人可以告诉我这段代码有什么问题吗，谢谢。

Answer 1

试试这个：

$('#your_select_input').val('').trigger('change');

Answer 2

尝试以下代码而不是 val use data 它将起作用

$("#my_select_id").select2('data', null)

Answer 3

因为没有任何可用选项对我有用（即使是官方示例https://select2.org/programmatic-control/add-select-clear-items#clearing-selections）

我终于成功清除了选择，如下：

$('select.select2 option:selected').attr('selected', false).attr('data-select2-id', false);
$('select.select2').val('').trigger('change');

希望有帮助

Answer 4

试试这个：

var newOption = new Option("", 0, false, false);
$('#your-dropdown').append(newOption).trigger('change');

Answer 5

试试这个

$('#select_id').empty();

Answer 6

如果Leo's的回答这里没有帮助，请尝试以下方法 - 它对我有用：

$('#your_select_input').val([]).trigger('change');

Answer 7

2024

仅适用于那些正在寻找它的人（就像我需要的那样），但要清除 select2 组件的选择，根据 https://select2.org/programmatic-control/add-select-clear- 的文档项目，只需做：

$('#mySelect2').val(null).trigger('change');