Добавить класс по клику на select, удалить этот класс по клику на option

[Torawhite]

Добавить класс проблем нет по клику, но вот убрать по клику на option этого же select не выходит. Ведь получается, что и по селекту я кликаю тоже.

$('.select option').click(function(){$(this).parents('.select_box').removeClass('open_select');});$('.select').click(function(){$(this).parents('.select_box').addClass('open_select');});

Есть какие-то хитрости?

[afdw]

https://api.jquery.com/change/

[Torawhite]

https://api.jquery.com/change/

Спасибо! Скорее, я не совсем правильно применил, но он меняет класс в момент изменения формы. Сделал так

$('.select').change(function(){$(this).parents('.select_box').toggleClass('open_select');});

Только нужно добавить класс при раскрытии списка , суть простая - пенять направление стрелки бэкграунда вверх-вниз. При раскрытии - вверх, при закрытии - вниз.

Если сделать так

$('.select').click(function(){$(this).parents('.select_box').addClass('open_select');});$('.select').change(function(){$(this).parents('.select_box').toggleClass('open_select');});

То при выборе пункта из списка класс так и остаётся.

Edited May 21, 2015 by Torawhite

[Torawhite]

https://api.jquery.com/change/

Для наглядности. Возможно, будут какие-то мысли. Спасибо

[afdw]

Попробуйте focusin и focusout. 

[Torawhite]

Попробуйте focusin и focusout.

Срабатывает только первый раз. Второй раз и последующие класс не добавляет при фокусе

[afdw]

http://jsfiddle.net/P6ZCn/33/

[Torawhite]

http://jsfiddle.net/P6ZCn/33/

Спасибо! Я так понял, скрипт полностью переписывает структуру select, поэтому там и работает toggleClass(). Вариантов с сохранением искомой структуры, так понимаю, нет

[Scrum]

 

http://jsfiddle.net/P6ZCn/33/

Спасибо! Я так понял, скрипт полностью переписывает структуру select, поэтому там и работает toggleClass(). Вариантов с сохранением искомой структуры, так понимаю, нет

 

форкнул http://jsfiddle.net/kfytzbhu/