javascript - 如何使用 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);