Witam.
Potrzebuję zmienić funkcjonalność elementu SELECT z atrybutem MULTIPLE, aby kliknięcia w zawarte w nim elementy OPTION nie powodowały usuwania wcześniejszych wyborów, ale by każde kliknięcie w OPTION dodawało/usuwało wybranie tylko tego pojedyńczego elementu. Dokładniej mówiąc: SELECT ma się zachowywać tak, aby klikanie w OPTION działało tak, jakby użytkownik przy kliknięciu zawsze trzymał klawisz Control.
Jak można to zrobić?

http://doscniewoli.pl

Przed każdym kliknięciem musiałbyś zapisać stan wybranych opcji, po kliknięciu zaznaczyć je wraz z klikniętą.
Ale czy tak nie jest prościej? http://jsfiddle.net/fvwkmj47/

Najpierw właśnie myślałem, że będę musiał zapamiętywać kliknięte opcje, ale wydawało mi się to niezbyt dobrym rozwiązaniem. Twoje jest lepsze
Zapytam jeszcze tylko... Może da się jakoś zmienić wewnętrzną funkcjonalność elementu SELECT zmieniając funkcję, jaka wykonywana jest przy kliknięciu w OPTION?

Musiałbyś postąpić podobnie. Podczas kliknięcia zapamiętać zaznaczone opcje, a potem przetworzyć w niestandardowy sposób te i klikniętą opcję, po czym nanieść je na elementy.

Mógłbym prosić jeszcze o przykład jakiejś takiej funkcji, którą podpięłoby się pod "onclick", by zmienić działanie kliknięcia?
To rozw. byłoby jednak dla mnie mnie pracochłonne, bo nie musiałbym w wielu miejscach w kodzie zmieniać.

Można również podmienić wszystkie selecty na tego diva z pomocą JS.

Jakie działanie miałby mieć select?

Wolałbym tak nie robić, aby od razu w kodzie widzieć, co będzie na stronie. To utrudniłoby debugowanie.


Zwykły SELECT z tą jedną zmianą, aby kliknięcie w OPTION działało, jak kliknięcie w przytrzymanym CTRL.

Na lenistwo, Google: https://www.google.pl/search?q=javascript+m...oid+control+key

http://stackoverflow.com/questions/8641729...sing-javascript

Dzięki. Niestety nie potrafię doprowadzić, by działało to poprawnie.
Mam kod

[PHP] pobierz, plaintext 
$(document).ready(function() {
$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', !$(this).prop('selected'));
    return false;
});
});
[PHP] pobierz, plaintext 

Po kliknięciu w OPTION usuwa się poprzednio wybrane OPTION Gdy kilkam z trzymanym CTRL, to nic się nie dzieje.

Zajrzyj do konsoli przeglądarki (Chrome->F12->Console).

Zaglądałem.
Raz pojawia się "Metoda getPreventDefault() jest przestarzała. Należy używać defaultPrevented.", a potem już nic.

Wrzuć to na jsfiddle, dołączając jQuery w wersji jakiej używasz u siebie.

https://jsfiddle.net/JackK/ovsy8rp0/13/
Używam jQuery v1.9.0

Ten działa również na FF: https://nerdstuckathome.wordpress.com/2012/...ng-ctrl-button/