【问题标题】:How to check select list is multiple or not? Select2 JQuery, JavaScript如何检查选择列表是否为多个?选择2 JQuery, JavaScript
【发布时间】:2018-10-23 06:00:32
【问题描述】:

我有选择列表。在采取行动的情况下,它可以是多选或单选。

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

在 cmb_employee on change/我想确定选择列表是否为多个。 我试过这个,但它适用于多个而不是单个

 $("#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:将多选改为单选

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

【问题讨论】:

    标签: javascript jquery html jquery-select2


    【解决方案1】:

    您可以使用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>

    【讨论】:

      猜你喜欢
      • 2013-03-17
      • 2012-06-17
      • 1970-01-01
      • 2015-07-05
      • 2014-12-05
      • 1970-01-01
      • 1970-01-01
      • 2014-03-28
      相关资源
      最近更新 更多