Wie kann man die Auswahl einer Option in einer Mehrfachauswahl mit jQuery umschalten?

Ich habe einen Standardselect multiple HTML-Eingabefeld, zum Beispiel:

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

Da dies eine Mehrfachauswahl ist, müssen Sie die Taste gedrückt halten, um mehr als einen Wert auszuwählenSTRG drücken und weitere Elemente auswählen. Was ich aber erreichen möchte ist, dass:

Durch Klicken auf eine UNAUSGEWÄHLTE Option wird diese AUSGEWÄHLTDurch Klicken auf eine AUSGEWÄHLTE Option wird die Auswahl aufgehoben.

Damit soll vermieden werden, dass Sie die Taste drücken müssenSTRG Geben Sie den Schlüssel ein und ändern Sie die Verwendungssemantik dieses Eingabefelds. Elemente sollten nur durch Klicken (dh Umschalten des Auswahlstatus) auswählbar und nicht auswählbar sein.

Das konnte ich noch nicht umsetzen. Der Pseudocode sollte ungefähr so aussehen.

Fangen Sie ein Click-Ereignis ab.Überprüfen Sie, ob das Element, auf das geklickt wurde, nicht ausgewählt war, und wählen Sie es dann ausOder wenn das Element, auf das geklickt wurde, ausgewählt wurde, heben Sie die Auswahl auf.

Wie soll ich das umsetzen?

Antworten auf die Frage(7)

Ihre Antwort auf die Frage