如何清除 select2 下拉菜单？答案

【问题标题】：How to clear select2 dropdown?如何清除 select2 下拉菜单？
【发布时间】：2017-08-14 12:56:25
【问题描述】：

我正在处理通过 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", "");

谁能告诉我这段代码有什么问题，谢谢。

【问题讨论】：

标签： jquery jquery-select2

【解决方案1】：

试试这个：$('#your_select_input').val('').trigger('change');

【讨论】：

【解决方案2】：

试试下面的代码，而不是 val 使用数据，它会起作用

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

【讨论】：

首先，感谢您的回复。我也试过了，但是没有用。

【解决方案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');

希望对你有帮助

【讨论】：

【解决方案4】：

试试这个：

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

【讨论】：

【解决方案5】：

试试这个$('#select_id').empty();

【讨论】：