PlaceHolder не отображается в выпадающем списке Select2 на модальной - PullRequest
Новая
       9

PlaceHolder не отображается в выпадающем списке Select2 на модальной

1 голос
/ 21 октября 2019

Я использую Select2 на модале. Я использую multiple="multiple" атрибут. Мой Select2 находится внутри BootStrap Modal. Мой HTML-код похож на ниже 

<select class="form-control dropdown my_select" multiple="multiple">
   <option value="example1">Example1</option>
   <option value="example2">Example2</option>
</select>

Мой код jQuery похож на ниже 

$(document).ready(function() {                
  $('#modelId').on('shown.bs.modal', function (e) {
     $('.dropdown').select2({
        placeholder: 'Select an option',
     });
  });
});

Но PlaceHolder не отображается.

1 Ответ

1 голос
/ 21 октября 2019

Я вижу заполнитель, должна быть проблема с версиями 

$(document).ready(function() {                
  
     $('.dropdown').select2({
        placeholder: 'Select an option',
     
  });
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<select class="form-control dropdown my_select" multiple="multiple">
   <option value="example1">Example1</option>
   <option value="example2">Example2</option>
</select>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>

В вашем случае просто попробуйте дать другой цвет заполнителю 

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}
...