Tengo un estandarteselect multiple Campo de entrada HTML, por ejemplo:

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

Como se trata de una selección múltiple, para seleccionar más de un valor debe mantener elCTRL Tecla y selecciona cualquier otro elemento. Sin embargo, lo que quiero lograr es que:

Al hacer clic en una opción NO SELECCIONADA, SELECCIONAAl hacer clic en una opción SELECCIONADA, NO SE PROPONE.

La idea es evitar tener que presionar elCTRL Teclee y cambie la semántica de uso de este campo de entrada. Los elementos solo deben ser seleccionables y no seleccionables haciendo clic (es decir, alternar el estado de selección).

Todavía no he podido implementar esto. El pseudocódigo debería verse algo así.

Evento Catch a Click.Compruebe si el elemento en el que se hizo clic no estaba seleccionado, luego seleccióneloO si se seleccionó el elemento en el que se hizo clic, deseleccione.

¿Cómo debo implementar esto?