Jquery Select2：是否在不选择选项的情况下显示数据？

我正在使用

Select2

作为我的

Select选项

。但是我面临一个奇怪的问题

请看这张gif

当我在没有选择选项的情况下单击外部时，select2搜索栏和结果仍然存在

有什么问题

我的代码：

<div class="form-group">
      <label for="country" class="countrySelectLabel">Country</label>
      <select name="country" style="width: 100%!important;">
          <option value="US" selected>USA</option>
      </select>
</div>

---

您在此处添加了“已选择”选项，这是自动选择的原因。我已删除了已选择的

，

，但问题仍然存在。在该美国新选项上方添加您是否有占位符问题？否。这不是解决方案@迪帕克杜拉基亚

$("[name='country']").select2({
    placeholder: "Select a country",
    templateResult: formatCountry,
    data: isoCountries,
    templateSelection: selectedCountry,
});