選択ボックスですべてのオプション値（選択/非選択）を取得する方法

Question

ボタンをクリックすると、選択ボックス内のすべてのオプション値（選択/非選択）を取得します。これどうやってするの？

Answer 1

var arr = new Array; 

    $("#selectboxid option").each (function() { 
     arr.push ($(this).val()); 
    }); 

alert (arr.join(',')); 

を意味し、私はTraversing/mapを使用するには良い機会だと思います

$("#btn1").click (function() { 
     var arr = new Array; 
     $("#selectboxid option").each (function() { 
      arr.push ($(this).val()); 
     }); 
     alert (arr); 
    }); 

Answer 2

ERR OK ..

$('#selectbox').click(function() { 
    var allvals = []; 
    $(this).find('option').each(function() { allvals.push($(this).val()); }; 
}); 

または多分あなたはボタンで

$('#thebutton').click(function() { 
    var allvals = []; 
    $('#theselectbox').find('option').each(function() { allvals.push($(this).val()); }; 
}); 

Answer 3

をクリックしてください方法：

var valuesArray = $("#selectId option").map(function(){ 
    return this.value; 
}).get(); 

そして、あなたは、あなたがこのような何かを行うことができます選択し、選択されていない値を含む2つの別個の配列を取得したい場合：その後

var values = { 
    selected: [], 
    unselected:[] 
}; 

$("#selectId option").each(function(){ 
    values[this.selected ? 'selected' : 'unselected'].push(this.value); 
}); 

を、values.selectedとvalues.unselected配列は右の要素が含まれます。