如何添加隱藏字段到JavaScript中的選項元素

Question

我想添加隱藏字段到JavaScript中的選項元素，但我只是在學習，並沒有線索如何做到這一點。我需要隱藏的變量，因爲我添加了從對象到select元素的字符串，但我需要這些對象的ID，以便我可以檢索它們並稍後重新創建對象。

我想將它添加到這個函數：

function receiveAnswer(response) { 
    var aSeats = document.getElementById("aSeats"); 
    while (aSeats.childNodes.length > 0) { // clear it out 
    aSeats.removeChild(aSeats.childNodes[0]); 
    } 
    for (var i = 0; i < response.aSeats.length; i++) { // add the items back in 
    var option = aSeats.appendChild(document.createElement("option")); 
    option.appendChild(document.createTextNode(response.aSeats[i])); 
    option.value = i; 

    } 
} 

下面是HTML：

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

<div> 

</div> 

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


    <input type="button" value=" add " onclick="addToCart();"/> 

    <div> 

    </div> 


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

    </select> 

<input type="button" value=" remove " onclick="removeFromCart();"/> 

    </form> 

<div> 

</div> 

<form method="post" action="ttp.actions.finalizeSaleAction.action"> 

    <input type="submit" value=" Buy Tickets "/> 

    </form> 

Answer 1

如果你喜歡，你可以建立與使用innerHTML的字符串元素。

http://javascript.about.com/library/bldom06.htm

便捷提示＃2：您可以清除您選擇通過簡單的選項長度爲0的設置：

aSeats.options.length = 0;