<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="MS Exchange Server version 5.5.2653.12">
<TITLE>How can I add an element to a select box</TITLE>
</HEAD>
<BODY>
<BR>
<P><FONT SIZE=2 FACE="Arial">How can I add or delete an element from a Select Box using JavaScript ? i basically have two Select boxes (set to multiple), when I double click on select box 1, i need to add the element I double clicked on to box 2. If i double click on an element in box 2, then I need that element to be deleted. Here is the page that I have now that does not work.</FONT></P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><html></FONT>
</P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><head></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><meta name="ProgId" content="FrontPage.Editor.Document"></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><title>New Page 1</title></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><script language="javaScript"></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial">function process_group(thisform,sAction)</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> {</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> if (sAction == '1'){</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> DataForm.D1.add (DataForm.D2.options[DataForm.D2.selectedIndex].value);</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> else</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> DataForm.D1.remove(DataForm.D1.selectedIndex);</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial">}</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"></script></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"></head></FONT>
</P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><body></FONT>
</P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"><form method="post" name="DataForm" action="--WEBBOT-SELF--"><!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"</FONT></P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> S-Format="TEXT/CSV" S-Label-Fields="TRUE" --></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> <p><select size="1" name="D1" multiple ondblclick="process_group(this.document,'0')" style="HEIGHT: 189px; WIDTH: 73px"></FONT></P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> </select><select size="1" name="D2" ondblclick="process_group(this.document,'1')" multiple style="HEIGHT: 144px; WIDTH: 90px"></FONT></P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> <option value="a">a</option></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> <option value="b">b</option></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> <option value="c">c</option></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> &nbsp;</FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"> </select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p></FONT>
<BR><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"></form></FONT>
</P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"></body></FONT>
</P>
<P><FONT COLOR="#FF0000" SIZE=1 FACE="Arial"></html></FONT>
</P>
<P><FONT SIZE=2 FACE="Arial">Thx.</FONT>
</P>
</BODY>
</HTML>