Как проверить список выбора является множественным или нет?Select2 JQuery, JavaScript - PullRequest
Новая
       2

Как проверить список выбора является множественным или нет?Select2 JQuery, JavaScript

0 голосов
/ 23 октября 2018

У меня есть список выбора.Это может быть несколько или один выбор в случае действия.

<select name="" id="cmb_employee"  class="js-example-basic-multiple" >
</select>

В cmb_employee об изменении / я хочу определиться, список выбора является множественным или нет.Я пробовал это, но он работает для нескольких, а не для одного 

 $("#cmb_employee").on('change', function () {
  var isMulti = document.getElementById('cmb_employee').multiple;
  if(isMulti){
     alert("is multi select");
    }
  else {
    alert("is not");
  }});

Примечание 1: я использую Select2 

 $('.js-example-basic-multiple').select2({ width: '100%', cushion: 54 });

Примечание 2: Чтобы изменить один на несколько 

 $("#cmb_employee").select2({
                            multiple: true,
                            placeholder: "Seçin...",
                        });

Примечание 3: Чтобы изменить Multi на одиночный, выберите 

 $("#cmb_employee").select2({
                                multiple: false,
                                placeholder: "Seçin...",
                            });

1 Ответ

0 голосов
/ 23 октября 2018

Вы можете использовать опции select2, чтобы получить текущий статус нескольких.$('#cmb_employee').data('select2').options.options.multiple

$('#cmb_employee').select2({
    placeholder: 'Select a month',
    multiple:true
});

$("#single").click(function(){
$('#cmb_employee').select2({
    placeholder: 'Select a month',
    multiple:false
});
})

$("#multiple").click(function(){
$('#cmb_employee').select2({
    placeholder: 'Select a month',
    multiple:true
});
})

$("#check").click(function(){
console.log("is dropdown is multiple? "+$('#cmb_employee').data('select2').options.options.multiple);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet"/>
<script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script>
<select id="cmb_employee"  style="width: 300px">
    <option value="JAN">January</option>
    <option value="FEB">February</option>
    <option value="MAR">March</option>
    <option value="APR">April</option>
    <option value="MAY">May</option>
    <option value="JUN">June</option>
    <option value="JUL">July</option>
    <option value="AUG">August</option>
    <option value="SEP">September</option>
    <option value="OCT">October</option>
    <option value="NOV">November</option>
    <option value="DEC">December</option>
</select>

<button id="single">
Change to single
</button>
<button id="multiple">
Change to multiple
</button>
<button id="check">
Check dropdown is multiple or not
</button>
...