Скрыть некоторые пункты выпадающего меню

@antidemon92 · Регистрация: 29.11.2013

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток. Есть форма:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
                <div class="forma_3">
                    <span class="crimson_text">Окна</span>
                    <span class="normal_text">700x900</span>
                    <select  name="okna1">
                        <option value="1">0</option>
                        <option value="2">1</option>
                        <option value="3">2</option>
                        <option value="4">3</option>
                    </select>
                    <span class="normal_text">900x1000</span>
                    <select  name="okna2">
                        <option value="1">0</option>
                        <option value="2">1</option>
                        <option value="3">2</option>
                        <option value="4">3</option>
                    </select>
                </div>

тут 2 селекта okna1 и okna2. Нужно чтобы сумма элементов обоих селектов не превышала 3, а то что будет сверх трех скрывались. Пример. Если в селекте okna1 выбрано значение 1, то в селекте okna2 пропадало значение 3, а выплывало только 0. 1. 2. Или например если в селекте okna2 выбрано значение 3, в селекте okna1 пропадали все значения кроме нуля.

Добавлено через 23 часа 23 минуты
Что не кто не знает чтоли???

Добавлено через 1 минуту

JavaScript
1
$('.okna2 option:nth-child(2)').attr('disabled', 'disabled');

хотя бы как вместо двойки засунуть какую либо переменную???

mihalken · 05.06.2014, 10:41

Сообщение от antidemon92

как вместо двойки засунуть какую либо переменную???

JavaScript
1
2
var a = 2;
$('.okna2 option:nth-child(' + a + ')').attr('disabled', 'disabled');

?

@antidemon92 · 06.06.2014, 14:50 **[ТС]**

mihalken, спасибо уже допер

Добавлено через 1 минуту

JavaScript
1
2
3
// Извлечение val                 okna1= $(".okna1 :selected").val();
                    okna2= $(".okna2 :selected").val();
                    okna3= $(".okna3 :selected").val();

Подскажите как это можно упростить. Код ужасен я знаю...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
                /*_______________________ОКНА________________*/
                $('.reshetki option:nth-child(2), .reshetki option:nth-child(3), .reshetki option:nth-child(4), .stavni option:nth-child(2), .stavni option:nth-child(3), .stavni option:nth-child(4)').prop("disabled", true);
                $('.okna1, .okna2, .okna3').change(function() {//Обнуление
                    $(".stavni :nth-child(1), .reshetki :nth-child(1) ").attr("selected", "selected");
                });
                $('.okna1, .okna2, .okna3').click(function() {
                    $('.setka option:nth-child(2), .reshetki option:nth-child(2), .reshetki option:nth-child(3), .reshetki option:nth-child(4), .stavni option:nth-child(2), .stavni option:nth-child(3), .stavni option:nth-child(4)').prop("disabled", true);
                    $('.okna2, .okna1, .okna3').prop("disabled", false);
                    $('.okna2 option:nth-child(3), .okna2 option:nth-child(4),.okna1 option:nth-child(3), .okna1 option:nth-child(4), .okna3 option:nth-child(3), .okna3 option:nth-child(4)').prop("disabled", false);
                    
                    /*___Окна блокировка некоторых селектов_______*/
                    if(okna1 == 1)$('.okna2 option:nth-child(4), .okna3 option:nth-child(4)').prop("disabled", true);
                    if(okna2 == 1)$('.okna1 option:nth-child(4), .okna3 option:nth-child(4)').prop("disabled", true);
                    if(okna3 == 1)$('.okna1 option:nth-child(4), .okna2 option:nth-child(4)').prop("disabled", true);
                    if(okna1 == 2)$('.okna2 option:nth-child(3), .okna2 option:nth-child(4), .okna3 option:nth-child(3), .okna3 option:nth-child(4)').prop("disabled", true);
                    if(okna2 == 2)$('.okna1 option:nth-child(3), .okna1 option:nth-child(4), .okna3 option:nth-child(3), .okna3 option:nth-child(4)').prop("disabled", true);
                    if(okna3 == 2)$('.okna2 option:nth-child(3), .okna2 option:nth-child(4), .okna1 option:nth-child(3), .okna1 option:nth-child(4)').prop("disabled", true);
                    if(okna1 == 3)$(".okna2, .okna3").prop("disabled", true);
                    if(okna2 == 3)$(".okna1, .okna3").prop("disabled", true);
                    if(okna3 == 3)$(".okna1, .okna2").prop("disabled", true);
                    if(okna1 == 1 &  okna2 == 1)$('.okna3 option:nth-child(3), .okna3 option:nth-child(4)').prop("disabled", true);
                    if(okna1 == 1 &  okna3 == 1)$('.okna2 option:nth-child(3), .okna2 option:nth-child(4)').prop("disabled", true);
                    if(okna2 == 1 &  okna3 == 1)$('.okna1 option:nth-child(3), .okna1 option:nth-child(4)').prop("disabled", true);
                    if(okna1 == 2 &  okna2 == 1 | okna1 == 1 &  okna2 == 2 )$(".okna3").prop("disabled", true);
                    if(okna1 == 2 &  okna3 == 1 | okna1 == 1 &  okna3 == 2 )$(".okna2").prop("disabled", true);
                    if(okna2 == 2 &  okna3 == 1 | okna2 == 1 &  okna3 == 2 )$(".okna1").prop("disabled", true);
                    
                    //Открыты все 3
                    if(okna1 == 3 | okna2 == 3 | okna3 == 3 | okna1 == 1 & okna2 == 1 & okna3 == 1)$('.reshetki option:nth-child(2), .reshetki option:nth-child(3), .reshetki option:nth-child(4), .stavni option:nth-child(2), .stavni option:nth-child(3), .stavni option:nth-child(4)').prop("disabled", false);
                    if(okna1 == 1 &  okna2 == 2 | okna1 == 2 &  okna2 == 1 | okna1 == 1 &  okna3 == 2| okna1 == 2 &  okna3 == 1 | okna2 == 1 &  okna3 == 2 | okna2 == 2 &  okna3 == 1)$('.reshetki option:nth-child(2), .reshetki option:nth-child(3), .reshetki option:nth-child(4), .stavni option:nth-child(2), .stavni option:nth-child(3), .stavni option:nth-child(4)').prop("disabled", false);
                    //Открыты 2
                    if(okna1 == 1 &  okna2 == 1 | okna1 == 1 &  okna3 == 1 | okna2 == 1 &  okna3 == 1 )$('.reshetki option:nth-child(2), .reshetki option:nth-child(3), .stavni option:nth-child(2), .stavni option:nth-child(3)').prop("disabled", false);
                    if(okna1 == 0 &  okna2 == 2 | okna1 == 2 &  okna2 == 0 | okna1 == 0 &  okna3 == 2| okna1 == 2 &  okna3 == 0 | okna2 == 0 &  okna3 == 2 | okna2 == 2 &  okna3 == 0)$('.reshetki option:nth-child(2), .reshetki option:nth-child(3), .stavni option:nth-child(2), .stavni option:nth-child(3)').prop("disabled", false);
                    //Открыта 1
                    if(okna1 == 0 & okna2 == 0 &  okna3 == 1 | okna1 == 0 & okna2 == 1 &  okna3 == 0| okna1 == 1 & okna2 == 0 &  okna3 == 0)$('.reshetki option:nth-child(2), .stavni option:nth-child(2)').prop("disabled", false);
                });

@Faust971 · 06.06.2014, 17:05

JavaScript
1
2
3
4
5
6
7
8
9
10
var sel_val=0;
        $(".forma_3 select").change(function(){     
        sel_val=$(this).val();
            $(".forma_3 select").not($(this)).children('option').prop('disabled',false).each(function(){
                if(parseInt($(this).val())+parseInt(sel_val)>3)
                {
                $(this).prop('disabled',true);
                }
            });
        });

@antidemon92 · 06.06.2014, 17:40 **[ТС]**

Faust971, неа не робит. если в первом и втором выбрать 2 и 1. третья не блокируется.

@Faust971 · 06.06.2014, 18:02

В ready надо вставлять

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function(){
var sel_val=0;
        $(".forma_3 select").change(function(){     
        sel_val=$(this).val();
            $(".forma_3 select").not($(this)).children('option').prop('disabled',false).each(function(){
                if(parseInt($(this).val())+parseInt(sel_val)>3)
                {
                $(this).prop('disabled',true);
                }
            });
        });
});

Добавлено через 5 минут
Значения ваши на единицу меньше ставил может в этом причина

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <div class="forma_3">
                    <span class="crimson_text">Окна</span>
                    <span class="normal_text">700x900</span>
                    <select  name="okna1">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                    <span class="normal_text">900x1000</span>
                    <select  name="okna2">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                </div>

@antidemon92 · 06.06.2014, 22:41 **[ТС]**

Faust971, а во все норм. А если будет вот так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="forma_3">
                    <span class="crimson_text">Окна</span>
                    <span class="normal_text">700x900</span>
                    <select  name="okna1">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                    <span class="normal_text">900x1000</span>
                    <select  name="okna3">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                 <select  name="okna2">
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                    </select>
                </div>

а если будет форма из трех селектов???

@Faust971 · 07.06.2014, 16:43

Если модифицировать код будет и с тремя

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var sel_val=0;
        $(".forma_3 select").change(function(){     
            $(".forma_3 select option").prop('disabled',false).each(function(){
            sel_val=0;
                    $(".forma_3 select").not($(this).parent()).each(function(){
                    sel_val+=parseInt($(this).val());   
                    }); 
                if(parseInt($(this).val())+parseInt(sel_val)>3)
                {
                $(this).prop('disabled',true);
                }
            });
        });

@antidemon92 · 07.06.2014, 19:10 **[ТС]**

Faust971, Спасибо.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@antidemon92 1 / 1 / 6 Регистрация: 29.11.2013 Сообщений: 233
	06.06.2014, 17:40 [ТС]
	Faust971, неа не робит. если в первом и втором выбрать 2 и 1. третья не блокируется. 0

@antidemon92 1 / 1 / 6 Регистрация: 29.11.2013 Сообщений: 233
	07.06.2014, 19:10 [ТС]
	Faust971, Спасибо. 0