Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<select class="custom-select" name="stitekvelikost" id="stitekVelikost" required=""> <option value="">Vyberte maximální počet oken</option> <option value="24">24 oken</option> <option value="16">16 oken</option> <option value="12">12 oken</option> </select> <select class="custom-select hidden" name="foo" id="foo" required=""> <option value="">Kolik jich reálně potřebujete</option> <option value="1">1 okno</option> <option value="2">2 okna</option> <option value="3">3 okna</option> <option value="4">4 okna</option> <option value="5">5 oken</option> <option value="6">6 oken</option> <option value="7">7 oken</option> <option value="8">8 oken</option> <option value="9">9 oken</option> <option value="10">10 oken</option> <option value="11">11 oken</option> <option value="12">12 oken</option> <option value="13">13 oken</option> <option value="14">14 oken</option> <option value="15">15 oken</option> <option value="16">16 oken</option> <option value="17">17 oken</option> <option value="18">18 oken</option> <option value="19">19 oken</option> <option value="20">20 oken</option> <option value="21">21 oken</option> <option value="22">22 oken</option> <option value="23">23 oken</option> <option value="24">24 oken</option> </select>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.hidden { display: none; }
CSS
Autoformát
CSS reset
Až na konci
$('#stitekVelikost').on('change', function() { var numberOfWindows = $(this).val(), foo = $('#foo'); foo.val('').removeClass('hidden').find('option').each(function(index, element) { var option = $(element); if (option.val() === "") { return } if (parseInt(option.val()) <= parseInt(numberOfWindows)) { option.removeClass('hidden'); } else { option.addClass('hidden'); } }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>