清除 Select2 选择 onclick

Posted

技术标签:

【中文标题】清除 Select2 选择 onclick【英文标题】:Clear Select2 selection onclick 【发布时间】:2020-04-07 23:26:23 【问题描述】:

我有两个输入,一个是id="zip",一个是id="city"

#city 是 Select2 下拉菜单。

我正在尝试清除 #zip 的 onclick 选定值。

我试过用这个;

$("#zip").click(function() 
  $("#city").empty;
);

还有这个;

$("#zip").click(function() 
  $("#city").select2('data', null);
);

但似乎都不起作用(或其他一些变体,我尝试过)。

我只想清除 select2 值(我什至有一个空白值 data-select2-id="2" 我也可以切换选择)。

【问题讨论】:

【参考方案1】:

我使用 this answer 让它工作

$("#city").val('').trigger('change')

我想我必须添加trigger('change')

结果:

$("#zip").click(function() 
  $("#city").val('').trigger('change')
);

【讨论】:

以上是关于清除 Select2 选择 onclick的主要内容,如果未能解决你的问题,请参考以下文章

如何清除 Select2 中的选定值

清除 Select2 的所有列表项而不是选中的

如何重置/清除 x-editable 表中的所有过滤器(select2、select、input)?

清除 select2 而不触发更改事件

如何清除 select2 下拉菜单?

使用 jQuery Select2 清除下拉列表