Wybierz / anuluj zaznaczenie opcji wyboru wielosegmentowego bez naciskania klawisza sterującego i zmieniania stylu - jquery, select, drop-down-menu, multi-select

Mam tutaj pole wyboru wielokrotnego wyboru to skrzypce rysowane jako

<select id="select" multiple>
<option value="-1">Select</option>
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option>
</select>

Jak mogę wybrać wiele wartości bez naciskania Ctrl klucz. tzn. kiedy wybiorę opcję, jeśli nie jest już zaznaczona, należy ją wybrać i odwrotnie.

EDYTOWAĆ:
1. Również w jaki sposób mogę stylizować menu rozwijane wielokrotnego wyboru, tak aby mogło być wyświetlane podobnie jak menu rozwijane pojedynczego wyboru.

2. Próbowałem użyć powyższego przykład i próbka jest tutaj: http://jsfiddle.net/mpsbhat/ua057y5t/. Ale w tym przypadku nie mogę wtedy uruchomić zdarzenia zmiany.

Odpowiedzi:

Prawdopodobnie szukasz czegoś takiego, sprawdź dyskusję: jquery zaznacz i odznacz wiele danych wejściowych bez kliknięcia klawiszem Ctrl

Sprawdź tę wtyczkę JQuery: - „ Wybierz wiele, unikając przycisku Ctrl "

Mam nadzieję, że to ci pomoże.

1. W przypadku wielokrotnego wyboru bez przytrzymywania CTRL (Windows) / CMD (Mac), wypróbuj to rozwiązanie.

2. Do stylizacji możesz szukać:

   -webkit-appearance: none;/* Safari, Chrome */
   -moz-appearance: none;/* Firefox */
   

ale musisz sam go stylizować, kolor tła, rozmiar czcionki itp.