Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Возникло затруднение с селектом на скрипте (https://javascript.ru/forum/jquery/40921-vozniklo-zatrudnenie-s-selektom-na-skripte.html)

Anton Essential 24.08.2013 14:49

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




<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);

bes 25.08.2013 10:17

event.target в помощь или $(this)

ksa 25.08.2013 11:39

Цитата:

Сообщение от Anton Essential
скрипт возвращает значение , но мне необходимо что бы он возвращал айди

В твоем ХТМЛ примере нет ниодного ID...

Anton Essential 25.08.2013 12:54

Цитата:

Сообщение от ksa (Сообщение 269185)
В твоем ХТМЛ примере нет ниодного ID...

Хм.. если я укажу Id дивам , что получатся будет возвращать Id ?

ksa 25.08.2013 16:59

Цитата:

Сообщение от Anton Essential
если я укажу Id дивам , что получатся будет возвращать Id ?

Я х/з что тебе нужно в итоге... :) Но вернуть то, чего не существует никакой скрипт не сможет.

Anton Essential 26.08.2013 01:19

Цитата:

Сообщение от ksa (Сообщение 269232)
Я х/з что тебе нужно в итоге... :) Но вернуть то, чего не существует никакой скрипт не сможет.

Ну да, логично ))))


Часовой пояс GMT +3, время: 09:40.