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

我有一個jsp我正在研究，我想知道是否有一個簡單的javascript函數可以找出列表中的哪個元素選擇，然後將該元素移動到另一個相同的jsp上？如何在同一頁面上使用javascript將對象從一個列表移動到另一個列表

這裏是JSP的屏幕截圖：

enter image description here

這是代碼：

<% 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>

來源

2011-04-04 novicePrgrmr

沒有測試它，但一些沿

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

來源

2011-04-04 23:43:43

@Jim Blackler謝謝我會檢查出來，讓你知道！ – novicePrgrmr 2011-04-04 23:45:36

在javascript調試器中獲取此錯誤：未捕獲的TypeError：無法調用未定義的方法'appendChild'addToCartttp.actions.Sale2Action.action：86 （匿名函數）ttp.actions.Sale2Action.action：122'' onclick – novicePrgrmr 2011-04-04 23:56:28

@Jim Blackler我會添加這個，看看它是否更好：''var option = seat2.appendChild（document.createElement（「option」））;''讓我知道你在想什麼... – novicePrgrmr 2011-04-04 23:56:50

線

如果您使用瀏覽器DOM轉到SELECT字段，則其中一個字段availa ble會是一個Option的數組。每個選項都有一個值和要顯示的文本。只需創建選項以顯示在新列表中。在舊列表中，將其設置爲NULL（或將數組中以後的項目移動到之前的位置）。

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

來源

2011-04-04 23:44:27 SJuan76

編輯..謝謝！ – novicePrgrmr 2011-04-04 23:47:19

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

回答

相關問題