Jquery Select.prepend（"；<；option>；<；/option>；）不起作用

我遇到的问题是加载一个选择框并在未选择任何内容时显示占位符

仅当我设置为“多个”时，使用select2（4.0.1）才有效

js

    $('#meals_list_'+dayId).prepend("<option></option>");
    $('#meals_list_'+dayId).select2({
        placeholder: 'Select a meal...'
        // allowClear: true
    });                

$（'#膳食列表'+dayId）.prepend（“”）；
$（'#膳食列表'+dayId）。选择2({
占位符：“选择一顿饭…”
//allowClear:对
});                

当我删除multiple时，select默认为第一项，它不是

，事实上

从未添加到呈现的html中

那么为什么prepend在jquery中不起作用呢？

更多的是一种解决方法。 添加maximumSelectionLength:1达到了我想要的效果

    $('#meals_list_'+dayId).select2({
        placeholder: 'Select a meal...',
        maximumSelectionLength: 1
        // allowClear: true
    });                

---

您是否阅读了有关prepend？的文档，为什么不使用append？可能您不了解要求？您希望在select中有一个选项，该选项将是select2元素使用prepend将其作为select的同级元素追加，这样您的第一个选项元素就不会是

“

”。append（）将不会追加吗？

    $('#meals_list_'+dayId).select2({
        placeholder: 'Select a meal...',
        maximumSelectionLength: 1
        // allowClear: true
    });