javascript - 如何在更改或选择事件时禁用多选？

Question

当我选择第 10 个值时，此组合框包含一些 x 值，我需要禁用多选选项，第 10 个值除外意味着此选项应该是多选

 <select class="easyui-combobox" multiple="multiple" multiline="true"  style="width: 150px;height:50px;" id="inc_combo_ems_hour" style="width: 75px;">
                        <option value="00">00</option>
                        <option value="01">01</option>
                        <option value="02">02</option>
                        <option value="03">03</option>
                        <option value="04">04</option>
                        <option value="10">10</option></select>    


    $('#inc_combo_ems_hour').combobox({
            onSelect: function(){
                var val=[];
        val=$('#inc_combo_ems_hour').combobox('getValues');

        for(i=0;i<10;i++)
        {
        if(val[i]!="null"){
        if(val[i]=="*")
        {
        $('#inc_combo_ems_hour').combobox({
                        required: false,
                        novalidate: false,
                multiple: false,
                value:"*"
                        });
        }
        }
        else if(val[i]!=null && val[i] !="*"){
        $('#inc_combo_ems_hour').combobox('setValue',val[i])
        $('#inc_combo_ems_hour').combobox({
                        required: true,
                        novalidate: false,
                multiple: true,
                value:val[i]
                        });
        }
        }
        }
        });

Answer 1

这是一个实用的解决方案:

$('#inc_combo_ems_hour').change(function(){

  if ( $('#inc_combo_ems_hour option:selected').val() == 10 ) {

    $(this).removeAttr('multiple');

  } else {

    $(this).attr('multiple', 'multiple');

  }

});

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>

<select class="easyui-combobox" multiple="multiple" multiline="true"  style="width: 150px;height:50px;" id="inc_combo_ems_hour" style="width: 75px;">
  <option value="00">00</option>
  <option value="01">01</option>
  <option value="02">02</option>
  <option value="03">03</option>
  <option value="04">04</option>
  <option value="10">10</option>
</select>

或者看看这个alternate demo here