A1ien51.8k.com's Dynamic Select Box This script takes the value from the drop Down 1 and adds it to the drop down 2. The Value of Drop Down 1 is placed at the bottom of the list of #2.
A1 A2 A3 A4 A5 Second List
<form name="doublecombo"> <p align="center"><select name="example" size="1" > <option value="1">A1</option> <option value="2">A2</option> <option value="3">A3</option> <option value="4">A4</option> <option value="5">A5</option> </select><input type="button" value="Add" name="B1" onclick="chanGe()"> <select name="stage2" size="1"> <option value="0">Second List</option> </select> </p> <script> var group=new Array() group[0]=new Option("Second List","0") var temp=document.doublecombo.stage2 function chanGe(){ var sel = document.doublecombo.example; var opt = sel.options[sel.selectedIndex].value; var txt = sel.options[sel.selectedIndex].text; group[group.length]= new Option(txt,opt); for (m=temp.options.length-1;m>0;m--) temp.options[m]=null for (i=0;i<group.length;i++){ temp.options[i]=new Option(group[i].text,group[i].value) } temp.options[0].selected=true } </script> </form>
Other Versions:
