Зависимые select2
225
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');
}
});
});
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49915 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25878 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10665 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 22.12.2025 | 20:59