如何使用javascript將對象從一個列表移動到同一頁面上的另一個列表

Question

我正在處理一個jsp，我想知道是否有一個簡單的javascript函數，該函數可以弄清楚列表中的哪個元素被選中，然后將該元素移到同一jsp上的另一個元素？

這是jsp的屏幕截圖：

這是代碼：

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

What Packages do you want to see?

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


 </select>

    <input type="button" value="  next  " onclick="getSeats();"/>

    </form>


<!--new-->


Available Seats:

 <select name="eventSeatid" size="10" id="aSeats">

<!--    <option value="aSeats"></option>-->

 </select>


    <input type="button" value="  Add  "/>


Selected Seats:
 <form method="post" action="ttp.actions.sale4Action.action">
     <select name="eventSeat2id" size="10" id="seat2">


     <option value="seat2"></option>




 </select>

    </form>

Answer 1

沒有測試過，但是類似

var option = document.getElementById("....").parentElement.removeChild;
document.getElementsByName("seat2")[0].appendChild(option);

Answer 2

如果使用瀏覽器DOM進入SELECT字段，則可用字段之一將是Option數組。 每個選項都有一個值和一個要顯示的文本。 只需創建顯示在新列表中的選項即可。 在舊列表中，將其設置為NULL（或將數組中的后續項目移到之前的位置）。

順便說一句，這與java或jsp無關。