Получить щелкнул вариант в раскрывающемся списке многократным

Question

У меня есть мульти выбора выпадающий например:

<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> 

Если я затем выбирает Opt #4, как я тогда только получить Opt #4 и не Opt #2 и Opt #3? Я знаю, что я могу получить все выбранные опции этим:

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

Однако я хочу только вариант я нажал - Opt #4. Это возможно?

Редактировать: обратите внимание, что при манипулировании списком внутри события change я не могу сделать это в событии click. Также добавлено несколько кратных.

Answer 1

Вы можете получить его в обработчик щелчка для каждого элемента опции:

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

---

Update

EDIT: Как я управлять списком внутри события изменения, я могу Не делайте этого в событии клика.

В этом случае вам необходимо делегировать событие, используя on. Попробуйте следующее:

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

Answer 2

Как вы знаете, если вы нажали кнопку opt # 4 без нажатия клавиши Cntrl, вы получите только опцию №4 в качестве выбранной опции.

Если пользователь нажал кнопку выбора № 4 с нажатой клавишей Cntrl, будут выбраны все три параметра. Таким образом, будут возвращены все три варианта. Если вы хотите только Opt # 4, вам нужно будет добавить обработчик события клика.

Answer 3

Может быть что-то вроде следующего вам помочь?

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