首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何清除select2下拉列表?

如何清除select2下拉列表?
EN

Stack Overflow用户
提问于 2017-03-22 20:06:23
回答 5查看 13.9K关注 0票数 5

我正在处理一个要求,即在通过ajax提交表单后,我必须清除一个select2下拉框。我已经搜索并尝试了几个解决方案,但都不起作用。

我的select2代码是:

代码语言:javascript
复制
$(document).ready(function(){
 $("#my_select_id").select2({
      placeholder: "Select One Option",
      allowClear: true,
      initSelection: function(element, callback) { }
 }); 
})

清除select2的脚本为:

代码语言:javascript
复制
$('#my_select_id').select2("val", "");

谁能告诉我这段代码出了什么问题,谢谢。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2017-03-22 20:13:48

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

票数 11
EN

Stack Overflow用户

发布于 2017-03-22 20:27:28

尝试下面的代码,而不是val use data,它会起作用的

代码语言:javascript
复制
$("#my_select_id").select2('data', null)
票数 1
EN

Stack Overflow用户

发布于 2018-10-04 22:54:23

因为所有可用的选项对我都不起作用(即使是官方的示例https://select2.org/programmatic-control/add-select-clear-items#clearing-selections)

我最终成功地清除了以下选择:

代码语言:javascript
复制
$('select.select2 option:selected').attr('selected', false).attr('data-select2-id', false);
$('select.select2').val('').trigger('change');

希望能有所帮助

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42951172

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档