如何预选多选的选项？ （html + php）

Question

是否可以通过添加新选项选择来预选多个不会取消选择的多选框的选项？

我现在有一个普通的多选框，这些选项将由PHP预先选择：

<select name="selectbox" multiple>
  <option value="A">A</option>
  <option value="B" selected>B</option>
  <option value="C">C</option>
  <option value="D" selected>D</option>
</select>

当我点击选项A时，将取消选择选项B和D，并选择A. 我只想在有人点击已选择的选项时取消选择某个项目。 当有人点击尚未选择的选项时，必须将其添加到已选择的项目中。

最好的方法是什么？或者不可能？

Answer 1

使用javascript（jQuery）很容易，就像这样：

$('select[name=selectbox]').on('mousedown','option',function(ev) {
     ev.preventDefault();
     $(this).prop('selected', !$(this).is(':selected') );
});

请参阅working demo