如何清除 select2 下拉菜单？

Posted 2023-05-07

【中文标题】如何清除 select2 下拉菜单？

【英文标题】：How to clear select2 dropdown?

【发布时间】：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", "");

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

【问题讨论】：

见***.com/a/35968540/4611027

***.com/questions/13240047/…

【参考方案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();