Jquery Select .prepend（“<option> </option>”）不起作用

Question

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

使用select2（4.0.1）仅在我设置为“multiple”

时才有效

class Order < ApplicationRecord
  attr_accessor :category
end

js

attr_accessor

我删除多个后，select默认为第一个项目，而不是{!! Form::select('meals_list', $meals, $mealSelected, ['id' =>'meals_list_'.$dayId, 'class'=>'form-control', 'style'=>'width: 100%', 'multiple', 'data-placeholder'=>'Select now']) !!} ，实际上 $('#meals_list_'+dayId).prepend("<option></option>"); $('#meals_list_'+dayId).select2({ placeholder: 'Select a meal...' // allowClear: true }); 永远不会在呈现的html中添加。

那么为什么prepend不能在jquery中工作？

Answer 1

更多的解决方法。 添加 maximumSelectionLength：1 实现了我想要的效果。

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