如何使用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转到选择字段，其中一个可用字段将是一个选项数组。每个选项都有一个值和一个要显示的文本。只需创建要在新列表中显示的选项。在旧列表中，将其设置为NULL (或将数组中后面的项移动到前面的位置)。

顺便说一句，这与java或jsp无关。