jquery - jQuery で、"on" を使用して複数選択で他のすべてのオプションの選択を解除できないようにする

Question

ページの読み込み後にオプションが追加された複数選択があります。ユーザーがオプションをクリックして、コントロールボタンを押すことなく、以前に選択したすべてのオプションをクリアすることなく、オプションをクリックして選択/選択解除できるようにしたいと考えています。これは、最初に HTML にロードされた選択で動作しますが、jQuery を介して追加されたオプションを含む選択では動作しません。

$(document).on("mousedown","#mySelect option",function(){                  
  if ($(this).prop("selected"))
  {
         $(this).prop("selected",false);
  }       
  else
  {
         $(this).prop("selected", true);
  } 
});




<select id="mySelect" multiple="multiple">
    <!-- These options are added after the page loads -->
    <option id="id0" value="v0">T0</option>
    <option id="id1" value="v1">T1</option>
    <option id="id2" value="v2">T2</option>
</select>