Comment présélectionner les options d'un select multiple? (html + php)

Question

Est-il possible de présélectionner certaines options d'une multiselectbox qui ne sera pas désélectionnée en ajoutant une nouvelle option select?

J'ai maintenant une selectbox multiple normale, quelles options seront pré-sélectionnés par 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> 

Lorsque je clique sont désélectionnés à l'option A, l'option B et D et A seront sélectionnés. Je souhaite uniquement désélectionner un élément lorsque quelqu'un clique sur une option déjà sélectionnée. Lorsqu'une personne clique sur une option qui n'est pas encore sélectionnée, elle doit être ajoutée aux éléments déjà sélectionnés.

Quelle est la meilleure façon de faire cela? Ou n'est-ce pas possible?

Answer 1

facile avec javascript (jQuery), comme ceci:

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

Voir working demo