Select2 MULTIPLE placeholder not working

I use the following code snippet to select an item, but the placeholder is no longer displayed. I use this select2-bootstrap example

   <div class="form-group" style="width:70px; height:44px;">
  <select class="form-control select2" multiple="multiple" id="select2" placeholder="cawky parky">
    <option>ahoj</option>
    <option>more</option>
    <option>ideme</option>
    <option>na </option>
    <option>pivo?</option>
  </select>
</div>
  <script src="//select2.imtqy.com/select2/select2-3.4.2/select2.js"></script>

$(document).ready(function () {
$("#select2").select2({
    multiple:true,
    placeholder: "haha",
});
+7
source share
5 answers

Add this to your Script File:

$('select').select2({
    minimumResultsForSearch: -1,
    placeholder: function(){
        $(this).data('placeholder');
    }
}):

In HTML add this:

<select data-placeholder="Yours Placeholder" multiple>
    <option>Value 1</option>
    <option>Value 2</option>
    <option>Value 3</option>
    <option>Value 4</option>
    <option>Value 5</option>
</select>
+12
source

placeholder tag is invalid for the selected list

you can use something like this:

       <select class="form-control select2" multiple="multiple" id="select2">
                 <option selected="selected">cawky parky</option>
                 <option>ahoj</option>
                 <option>more</option>
                 <option>ideme</option>
                 <option>na </option>
                 <option>pivo?</option>   
        </select> 

Then write the correct jquery

In your select2-bootstrap example is a general structure

0
source

, , , , .select2-search__field 0px. , , , 1000 .

, , :

$('.search-select-multiple').select2({
    dropdownAutoWidth: true,
    multiple: true,
    width: '100%',
    height: '30px',
    placeholder: "Select",
    allowClear: true
});
$('.select2-search__field').css('width', '100%');
0
source

For me, the placeholder seems to require allowClear: trueobject mode as well. Try the following steps. See https://codepen.io/louking/pen/BGMvRP?# for general examples using yadcf (sorry for the extra complexity, but I believe yadcf passes select_type_options directly to select2).

$("#select2").select2({
    multiple:true,
    allowClear:true,
    placeholder: {
      id: -1
      text: "haha"
   }
});
0
source

In your html

      <select class="form-control select2" multiple="multiple" id="select2">
             <option selected="selected">cawky parky</option>
             <option>ahoj</option>
             <option>more</option>
             <option>ideme</option>
             <option>na </option>
             <option>pivo?</option>   
    </select> 

in your jquery

$(".select2").select2({
    placeholder: "Selecione",
    allowClear: true
});
-1
source

All Articles