
<form id="form" action="?step=2" method="POST"> <select id="sel2" style="width: 200px; height:400px;" multiple name="sel2[]"> </select> <script>function addOption() { do{ var sel1 = document.getElementById("sel1"); var sel2 = document.getElementById("sel2"); var option = document.createElement("option"); var selected = sel1.selectedIndex; var options = sel1.options; option.text = options[selected].text; sel1.remove(options[selected].index); sel2.add(option);} while(sel1.selectedIndex!==""); }function remOption() { do{ var sel1 = document.getElementById("sel1"); var sel2 = document.getElementById("sel2"); var option = document.createElement("option"); var selected = sel2.selectedIndex; var options = sel2.options; option.text = options[selected].text; sel1.add(option); sel2.remove(options[selected].index);} while(sel2.selectedIndex!==""); } function send() { var selObj = document.getElementById("sel2"); for (var i=0; i<selObj.options.length; i++) { selObj.options[i].selected = true; } document.getElementById("form").submit(); } </script>