Добрый день уважаемые разработчики !
Нет так давно я столкнулся с таким не очень приятным фактом как , стилизация селектов на цсс , выяснилось следующие, что спецификация цсс не очень то позволяет отредактировать селект , есть какой-то набор параметров но довольна скудный , пришлось что то мутить , так вот то что на мутил не совсем работает так как хотелось бы .
Вместо селектов я использовал дивы которые я мог стилизовать как угодно , по событию клик скрипт возвращает значение , но мне необходимо что бы он возвращал айди, после чего дальше уже делает свое дело обработчик . Возможно кто то сталкивался с данной ситуацией и имеет иное решение .
Буду весьма благодарен .
С уважением Антон.
<form action="formdata.php" method="get" class='clear-fix'>
<div class="pseudo-select filter-pseudo-select">
<div class="pseselect filter-pseselect">Год выпуска</div>
<div class="options filter-options ">
<div class="check" >Выбрать</div>
<div>Выбрать</div>
<div>Выбрать</div>
<div>Выбрать</div>
</div>
</div>
</form>
(function($){
$(document).ready(
function(){
$('.pseselect').click(function(){
$(this).parent().find('.options').fadeIn('fast');
});
$('.options').mouseleave(function(){
$(this).fadeOut('fast');
});
$('.options > div').click(function(){
$(this).closest('.pseudo-select').find('.pseselect').html($(this).html());
$(this).closest('.pseudo-select').find('input').attr('value', $(this).attr('value'));
$.each($(this).parent().children('div.check'), function(){
$(this).removeClass('check');
});
$(this).addClass('check');
$(this).parent().fadeOut('fast');
});
}
);
})(jQuery);