Eu tenho um padrãoselect multiple Campo de entrada HTML, por exemplo:

<select multiple="multiple" size="5" id="mysel" name="countries"> 
    <option value="2">Afghanistan</option> 
    <option value="4">Aland</option> 
</select>

Como essa é uma seleção múltipla, para selecionar mais de um valor, você deve manter o botãoCTRL chave e selecione outros elementos. No entanto, o que eu quero alcançar é que:

Clicando em uma opção NÃO SELECIONADA, seleciona-aClicando em uma opção SELECIONADA, NÃO DESLIGA.

A idéia é evitar ter que pressionar oCTRL e altere a semântica de uso desse campo de entrada. Os elementos devem ser selecionáveis e não selecionáveis apenas clicando em (ou seja, alternando o status de seleção).

Ainda não consegui implementar isso. O pseudo-código deve se parecer com isso.

Capture um evento Click.Verifique se o elemento que foi clicado não foi selecionado e selecione-oOu se o elemento que foi clicado foi selecionado, desmarque-o.

Como devo implementar isso?