私はマルチドロップダウンなどを選択している複数のドロップダウンでオプション

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を得るのですか？ Opt #4 - 私は私がクリックされたオプションが欲しいしかし

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

：私は、私は、このことにより、選択したすべてのオプションを取得することができます知っています。これは可能ですか？

編集：changeイベント内でリストを操作するため、clickイベントではできません。複数の行方不明も追加。ユーザーが押したCNTRLキーなしオプト＃4をクリックした場合

Answer 1

あなたは各オプション要素のクリックハンドラでそれを得ることができます。

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

---

更新

編集：私は変更イベント内でリストを操作すると、私ができますクリックイベントでそれをしないでください。

この場合、onを使用してイベントを委任する必要があります。試してみてください：

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

Answer 2

ご存知のように、あなたは唯一の選択オプションとして＃4 OPT取得します。

ユーザがCntrlキーを押しながらopt＃4をクリックした場合、3つのオプションがすべて選択されます。したがって、3つのオプションすべてが返されます。 Opt＃4だけが必要な場合は、クリックイベントハンドラを追加する必要があります。

Answer 3

次のようなヘルプがありますか？

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