SumoSelect Отменить выбор другой опции

Question

Я хочу отменить выбор всех других опций, когда я выбрал опцию со значением 0. С другой стороны, мне нужно отменить выбор опции со значением 0, когда я выбираю другое значение, отличное от 0. Пожалуйста, помогите мне, ниже приведены мой код.

<script type="text/javascript">
    $(document).ready(function() {
       $('.sumomultiple').SumoSelect();
       $('.sumomultiple')[0].sumo.selectItem("0");
   });
</script>

<select id="st_type" class="sumomultiple table-group-action-input form-control" multiple="multiple" placeholder="Unselect All" onchange="$('#s_transtype').val($(this).val())">
    <option value="0">Unselect All</option>
    <option value="23">A</option>
    <option value="24">B</option>
    <option value="25">C</option>
</select>

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

 // Please Help Here

});

Я уже пробовал много способов, я до сих пор не знаю, как это сделать, пожалуйста, помогите мне. Большое спасибо ...

Answer 1

Это поведение встроено в SumoSelect, нет необходимости писать его самостоятельно. Используйте параметр selectAll в настройках, чтобы включить его:

jQuery(function() {
  $('.sumomultiple').on('change', function() {
    $('#s_transtype').val($(this).val())
  }).SumoSelect({
    selectAll: true
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/jquery.sumoselect.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.sumoselect/3.0.2/sumoselect.min.css" />
<select id="st_type" class="sumomultiple table-group-action-input form-control" multiple="multiple" placeholder="Unselect All">
  <option value="23">A</option>
  <option value="24">B</option>
  <option value="25">C</option>
</select>

<input type="text" readonly="true" id="s_transtype" />

Я бы предложил прочитать библиотеку документация и просмотреть примеры , чтобы понять больше о доступных функциях.