Как определить, какая опция была выбрана?

Question

У меня есть этот множественный выберите тег:

<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», я хочу использовать в оповещении только 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()); 
})