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
<table class="doubleselect"> <tr> <td> <select class="source" multiple> <option value="item1">Item 1</option> <option value="item2">Item 2</option> <option value="item3">Item 3</option> <option value="item4">Item 4</option> <option value="item5">Item 5</option> </select> </td> <td> <button class="add">></button> <br> <button class="remove"><</button> </td> <td> <select class="target" multiple> </select> </td> </tr> </table>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function() { doubleselect($('.doubleselect')); }); function doubleselect(el) { var source = el.find('.source'); var target = el.find('.target'); function move(sel1, sel2) { selected = sel1.find("option:selected"); selected.each(function() { sel2.append(this); }); } var add = el.find('.add'); add.click(function() { move(source, target); }); var remove = el.find('.remove'); remove.click(function() { move(target, source); }); }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>