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 name="place1" class="form" /> <option value="">vyberte</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select name="place2" class="form" /> <option value="">vyberte</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <select name="place3" class="form" /> <option value="">vyberte</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var $allSelects = $('select'); $('select.form').on('change', function(){ var $select = $(this); var $selectedValue = $select.val(); if ($select.val() !== '') { $allSelects.not(this).each(function(){ var $selectInLoop = $(this); $selectInLoop.find('option[value="'+$selectedValue+'"]').remove() }); } });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>