どのオプションが選択されたかを検出する方法は？

Question

私は、この複数のselectタグがあります。

<select name="cars" multiple> 
    <option value="volvo" selected>Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 

をそして私は変更のアクションがあります。

$('select').on('change', function(e) { 
    alert(e.option???) 
}) 

どのように変更されたオプションを検出することができますか？どのオプションが最後に選択/選択解除されたか知りたい。だから私が "volvo"を選択し、 "opel"を選択した場合、私は警告だけで使用したいと思っています。

Answer 1

あなたはこの文脈で:selectedセレクターを使用する必要があり、

$('select').on('change', function(e) { 
    console.log($(":selected", this)); 
}); 

複数select要素を使用しているので、:selectedセレクタの結果が複数のoption要素になります。

Answer 2

次を使用することができます。

$('select').on('change', function(e) { 
    $('option:selected', this).val(); 
}); 

Answer 3

$('select').on('click', function(e) { 
    alert($(e.target).val()); 
})