Get opzione cliccato in discesa multipla

Question

Ho un multi selezionare discesa ad esempio:

<select id="myList" multiple="multiple"> 
    <option value="1">Opt #1</option> 
    <option value="2" selected="selected">Opt #2</option> 
    <option value="3" selected="selected">Opt #3</option> 
    <option value="4">Opt #4</option> 
</select> 

Se dunque io seleziona Opt #4, come faccio poi solo ottenere Opt #4 e non Opt #2 e Opt #3? So che posso ottenere tutte le opzioni selezionate da questo:

var selectedOptions = $("#myList option:selected"); 

Tuttavia voglio solo l'opzione ho cliccato - Opt #4. È possibile?

Modifica: si noti che mentre gestisco l'elenco all'interno di un evento change non riesco a farlo in un evento click. Aggiunti anche multipli mancanti.

Answer 1

È possibile ottenere nel gestore click per ogni elemento opzione:

$("#myList option").click(function() { 
    var clickedOption = $(this); 
}); 

---

Aggiornamento

EDIT: Come ho manipolare la lista all'interno di un evento di modifica, posso Fallo in un evento click.

In tal caso è necessario delegare l'evento utilizzando on. Prova questo:

$("#myList").on("click", "option", function() { 
    var clickedOption = $(this); 
}); 

Answer 2

Come sapete, se l'utente ha fatto clic su opt # 4 senza premere il tasto Cntrl, otterrete solo Opt # 4 come opzione selezionata.

Se l'utente ha fatto clic su opt # 4 con il tasto Cntrl premuto, quindi tutte e tre le opzioni saranno selezionate. Quindi tutte e tre le opzioni saranno restituite. Se si desidera solo opt # 4, è necessario aggiungere un gestore di eventi click.

Answer 3

Qualcosa di simile al seguente ti può aiutare?

$('#myList').delegate('option', 'click', function (opt) { 
    alert('Option ' + opt.value + ' was clicked'); 
});