Question

我正在制定一项要求，即必须在通过ajax提交表单后清除select2下拉框。我搜索过＆amp;尝试了很少的解决方案但是没有工作。

我的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使用数据

$("#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');

如何清除select2下拉列表？

4 个答案: