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

Answer 1

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

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

或

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

香草 select2 空数据

Vanilla select2 empty data

javascript

jquery

select

jquery-select2