在jQuery中，防止在“on”中取消选择多选中的所有其他选项

Question

我在页面加载后添加了多个选项并添加了选项。我希望用户能够通过单击选项单击选项来选择/取消选择，而无需按下控制按钮，并且不清除所有先前选择的选项。我使用的是最初在HTML中加载的select，但不是包含通过jQuery添加的选项的select。

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