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
<form name="formular"> <select onchange="updateDependencies(this)" name="selekt"> <option value="a">A</option> <option value="b">B</option> <option value="c">C</option> <option value="d">D</option> <option value="_j" dependents="x">jine</option> <option value="_d" dependents="y">dalsi</option> <option value="_o" dependents="x,y">obe</option> </select> <br> <input id="x"> <br> <input id="y"> <br> <input id="z"> <script> updateDependencies(document.formular.selekt); </script> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function updateDependencies(selekt) { var all = [], show = [], i; for (i = 0; i < selekt.length; i++) { var dependents = selekt.item(i).getAttribute('dependents'); if (dependents === null) { continue; } if (selekt.selectedIndex == i) { show = show.concat(dependents.split(/,/)); } all = all.concat(dependents.split(/,/)); } // disable all for (i = 0; i < all.length; i++) { document.getElementById(all[i]).disabled = true; } // (re)enable those for the selected item for (i = 0; i < show.length; i++) { document.getElementById(all[i]).disabled = false; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>