Jak przełączać wybór opcji w multi-select z jQuery?

Mam standardselect multiple Pole wprowadzania HTML, na przykład:

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

Ponieważ jest to opcja wielokrotnego wyboru, aby wybrać więcej niż jedną wartość, musisz przytrzymaćCTRL klawisz i wybierz dalsze elementy. Jednak to, co chcę osiągnąć, to:

Kliknięcie opcji UNSELECTED WYBIERA jąKliknięcie WYBRANEJ opcji NIEODPOWIEDNIE ją.

Chodzi o to, aby uniknąć konieczności naciskaniaCTRL klucz i zmień semantykę użycia tego pola wejściowego. Elementy powinny być wybierane i nie można ich wybrać tylko poprzez kliknięcie (np. Przełączenie wybranego stanu).

Nie byłem jeszcze w stanie tego wdrożyć. Pseudokod powinien wyglądać mniej więcej tak.

Złap zdarzenie Click.Sprawdź, czy kliknięty element został odznaczony, a następnie wybierz goLub jeśli wybrany element został zaznaczony, odznacz go.

Jak mam to wdrożyć?

questionAnswers(7)

yourAnswerToTheQuestion