如何預選多選的選項？ （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') );
});

看工作演示