How to use javascript to move an object from one list to another on the same page
<p>I have a jsp I'm working on and I was wondering if there is an easy javascript function that can figure out which element in a list is selected and then move that element to another on the same jsp?</p>

<p>here is the screen shot of the jsp:</p>

<p><img src="http://i.stack.imgur.com/opG4W.png" alt="enter image description here"> </p>

<p>this is the code:</p>

<pre><code>&lt;% Venue v = (Venue)session.getAttribute("currentVenue"); %&gt;
&lt;% List&lt;Conceptual_Package&gt; cpList = Conceptual_PackageDAO.getInstance().getByVenue(v.getId()); %&gt;

What Packages do you want to see?

 &lt;form method="post" action="ttp.actions.Sale3PackAction.action"&gt;
 &lt;select name="packid" id="packid"&gt;
     &lt;% for (Conceptual_Package cp: cpList) { %&gt;
    &lt;option value="&lt;%=cp.getId()%&gt;"&gt;&lt;%=cp.getName1()%&gt;&lt;/option&gt;
    &lt;% } %&gt;


 &lt;/select&gt;

    &lt;input type="button" value="  next  " onclick="getSeats();"/&gt;

    &lt;/form&gt;


&lt;!--new--&gt;


Available Seats:

 &lt;select name="eventSeatid" size="10" id="aSeats"&gt;

&lt;!--    &lt;option value="aSeats"&gt;&lt;/option&gt;--&gt;

 &lt;/select&gt;


    &lt;input type="button" value="  Add  "/&gt;


Selected Seats:
 &lt;form method="post" action="ttp.actions.sale4Action.action"&gt;
     &lt;select name="eventSeat2id" size="10" id="seat2"&gt;


     &lt;option value="seat2"&gt;&lt;/option&gt;




 &lt;/select&gt;

    &lt;/form&gt;
</code></pre>
