javascript - 香草 select2 空数据

Question

<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 检索我的数据

标签： javascriptjqueryselectjquery-select2

Answer 1

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

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

或者

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