Зависимые select2

188

12 января 2019, 21:30

имею обычный select к которому применен select2

$(document).ready(function() { 
 
  $(".program").select2(); 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> 
 
<select class="programm"> 
  <option value="0">Programm</option> 
  <option value="1">Programm1</option> 
  <option value="2">Programm2</option> 
</select>

Требуется:

создавать дополнительные select(с таким же набором option).
максимальное количество дополнительных select равняется количеству option первого
в последующих select option которые выбраны в ранее созданных select не активны.
при отмене выбора у любого select(или удалении) освободившийся option становится доступным в оставшихся select

Подскажите куда копать.

Answer 1

Копать сюда =>

Нужно клонировать элементы https://ruseller.com/jquery?id=23
Узнать количество options

$('#example option').length

Деактивировать options, ниже абстрактный пример

$('select').change(function() { 
    var value = $(this).val(); 
    $(this).siblings('select').children('option').each(function() { 
        if ( $(this).val() === value ) { 
            $(this).attr('disabled', true).siblings().removeAttr('disabled');    
        } 
    }); 
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Передача значения из javascript в form.action в jade

148

javascript

Как сделать эффект преломления света на изображении [закрыт]

Реально ли сделать такой эффект с помощью css или js?

140

MySQL

phpMyAdmin SSL защита MariaDB (Amazon AWS Linux2 LAMP server)

Я особо не разбираюсь в networking-еЯ создал сервер на Amazon AWS на основе Amazon Linux2, установил на него LAMP, подсоединил к нему Elactic IP, который соединил...

142

MySQL

Ускорение передачи данных MySQL

Как можно ускорить передачу данных из MySQLКакие настройки влияют на это, если влияют, и верно ли я понимаю это время, как время передачи данных...

151