複数の選択ボックス - 配列に値を取得する

Question

オプションがajaxから取り込まれる選択ボックスがあります。 私はボタンをクリックすると、選択ボックスをクローンします。

私は各選択のすべての値をキャプチャできるようにする必要があり

<select name="subcat[0]" id="subcat"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
<button name="addmore">Add More</button> 

私はそれが[1]、などSUBCATのクローンを作成し、名前がSUBCATあるので、それをインクリメントしますより多くの追加]をクリックします...

それらを単一の配列に入れます。 私の問題は、ユーザーが再び彼の選択オプションを変更しても、最後に選択された値を維持するということです。

var elem = document.getElementById('subcat') 
var points = []; 
for(var i=0,len=elem.length;i<len;i++){  
    if (elem[i].selected){  
    points.push(elem[i].value);     
    } 
} 

ユーザーが同じ選択を変更したばかりの最後のオプションを削除するにはどうすればよいですか？

Answer 1

あなたが最後に選択し保存することができ、配列からそれをスプライスすることができ、私が正しくリコール場合は、このように（がxが最後の値を持っていると仮定）場合は、スプライスすることができます

if(x==elem[i].selected){ 
    elem[i].splice(i,1); //cuts one index in the array where x occurs 
] 

Answer 2

var elem = document.getElementById('subcat') 
var points = []; 
for(var i=0,len=elem.length;i<len;i++){ 

    if (elem[i].selected){ 
    if(points[points.length-1] == elem[i].value){ 
     points.pop(); 
    } 
    points.push(elem[i].value); 

    } 
}