香草 select2 空数据答案

【问题标题】：Vanilla select2 empty data香草 select2 空数据
【发布时间】：2021-10-28 20:00:34
【问题描述】：

<div class="custom d-flex" id="myselects">
<select class="step-select rounded-0 select2" id="jsmd" name="md">
<option value="" disabled="true" selected>Search...</option>
</select>
</div> 

<script>
  const element = document.querySelector('.select2');
  const choices = new Choices(element);
</script>

大家好，我尝试了 select2 jquery，它工作正常。但我想使用 select2 vanilla 版本（choices.js）。问题，我没有得到下拉列表为空的数据。

我使用 symfony，#jsmd 检索我的数据

【问题讨论】：

下拉菜单不为空。您拥有的唯一选项是 Search... 并且正在显示。请参阅jsfiddle.net/f4jogpes ...如果您期望其他值，您的问题必须放在其他地方。如果您的问题是无法选择选项，请确保删除 disabled="true"。
感谢您的回答，`#jsmd` 使用另一个 JS 调用某个选项。使用 jQuery，我没有问题，但使用 vanilla 是的。我想知道是不是问题的执行时间

标签： javascript jquery select jquery-select2

【解决方案1】：

解决方案很简单，正如我所怀疑的那样。我有一个运行得太早的 JS 文件。两种解决方案

document.addEventListener("DOMContentLoaded", function(){
    jsfunction();
});

或

window.addEventListener("load", function(){
    jsfunction();
});

【讨论】：