如何在单击按钮时重置Select2 Dropdown？

在单击按钮时重置Select2 Dropdown，可以通过以下步骤实现：

1. 首先，确保你已经引入了Select2库和相关的CSS和JS文件。
2. 在HTML中，创建一个Select2下拉菜单，并给它一个唯一的ID，例如：

<select id="mySelect2">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

1. 在JavaScript中，使用以下代码初始化Select2下拉菜单：

$(document).ready(function() {
  $('#mySelect2').select2();
});

1. 创建一个按钮，并给它一个唯一的ID，例如：

<button id="resetButton">Reset</button>

1. 在JavaScript中，使用以下代码为按钮添加点击事件处理程序：

$(document).ready(function() {
  $('#resetButton').click(function() {
    $('#mySelect2').val(null).trigger('change');
  });
});

解释：

• $('#mySelect2').val(null) 将Select2下拉菜单的值设置为null，即重置为默认值。
• .trigger('change') 触发Select2下拉菜单的change事件，以便更新UI。

这样，当你单击按钮时，Select2下拉菜单将被重置为默认值。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm