Показать сообщение отдельно
  #1 (permalink)  
Старый 24.08.2013, 14:49
Аватар для Anton Essential
Интересующийся
Отправить личное сообщение для Anton Essential Посмотреть профиль Найти все сообщения от Anton Essential
 
Регистрация: 28.05.2013
Сообщений: 14

Возникло затруднение с селектом на скрипте
Добрый день уважаемые разработчики !
Нет так давно я столкнулся с таким не очень приятным фактом как , стилизация селектов на цсс , выяснилось следующие, что спецификация цсс не очень то позволяет отредактировать селект , есть какой-то набор параметров но довольна скудный , пришлось что то мутить , так вот то что на мутил не совсем работает так как хотелось бы .
Вместо селектов я использовал дивы которые я мог стилизовать как угодно , по событию клик скрипт возвращает значение , но мне необходимо что бы он возвращал айди, после чего дальше уже делает свое дело обработчик . Возможно кто то сталкивался с данной ситуацией и имеет иное решение .
Буду весьма благодарен .
С уважением Антон.




<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);
Ответить с цитированием