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;