Как переключить выбор опции в множественном выборе с помощью jQuery?

У меня есть стандартselect multiple Поле ввода HTML, например:

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

Поскольку это множественный выбор, чтобы выбрать более одного значения, вы должны держатьCTRL ключ и выберите любые другие элементы. Однако чего я хочу добиться, так это:

Нажатие на НЕ ВЫБРАННУЮ опцию ВЫБИРАЕТ ееНажатие на выбранную опцию отменяет ее.

Идея состоит в том, чтобы не нажиматьCTRL введите и измените семантику использования этого поля ввода. Элементы должны выбираться и не выбираться только нажатием (т. Е. Переключением статуса выбора).

Я еще не смог реализовать это. Псевдокод должен выглядеть примерно так.

Поймать событие Click.Проверьте, был ли выбран элемент, который был выбран, и выберите его.Или, если выбранный элемент был выбран, отмените выбор.

Как мне это реализовать?

Ответы на вопрос(7)

Ваш ответ на вопрос