X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Не запускается JS событие для формы
Dikucher
Dikucher
Topic Starter сообщение 24.11.2013, 18:50; Ответить: Dikucher
Сообщение #1


сайт http://dk.farla.ru/
по кнопке Регистрация ( верху справа ) запускается модальник.
в нем форма, на <select> повешан скрипт для оформления ( возможно проблема как раз из-за него )
В верхнем <select> ( Производитель, Торговая компания, Я ищу работу, Покупатель) нужно реализовать следующую логику, чтобы при клике на конкретный пункт, происходило скрытие текущие формы, и появление другой
вот выделил код селекта
<select class="select-field chosen-select">
<option class="producer-option">Производитель</option>
<option class="buyer-option">Покупатель</option>
<option class="company-option">Торговая компания</option>
<option class="job-option">Я ищу работу</option>
</select>


а вот что я пытаюсь повешать на JS

$("#company-option").click(function(){
        $('.producer-form').fadeOut(150);
        $('.company-form').fadeIn(150);
    })


но почему то событие JS не работает
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 24.11.2013, 19:50; Ответить: devuser
Сообщение #2


Очевидно же, что не # а точка нужна

Это ж не ID, это класс

$(".company-option").click(function(){
        $('.producer-form').fadeOut(150);
        $('.company-form').fadeIn(150);
    })


Хотя с вариантом селекта я вообще не уверен, что сработает

Сообщение отредактировал devuser - 24.11.2013, 19:52


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dikucher
Dikucher
Topic Starter сообщение 24.11.2013, 23:15; Ответить: Dikucher
Сообщение #3


devuser, опечатка, там с точкой работать не будет
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devuser
devuser
сообщение 24.11.2013, 23:24; Ответить: devuser
Сообщение #4


Вот так попробуйте, так правильнее

<select class="select-field chosen-select" id="my_select">
    <option value="producer-option">Производитель</option>
    <option value="buyer-option">Покупатель</option>
    <option value="company-option">Торговая компания</option>
    <option value="job-option">Я ищу работу</option>
</select>


$('#my_select').on('change', function(){
    switch ($(this).val()) {
        case 'company-option':
            $('.producer-form').fadeOut(150);
            $('.company-form').fadeIn(150);
            break;
        default:
            break;
    }
});


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Solonik
Solonik
сообщение 24.11.2013, 23:31; Ответить: Solonik
Сообщение #5


Dikucher, Может тут onchange событие повесить и проверять уже уже нужный ли нам объект пришел и потом уже если true навешивать анонимную функцию например.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dikucher
Dikucher
Topic Starter сообщение 25.11.2013, 13:34; Ответить: Dikucher
Сообщение #6


то что я хотел ( а именно, при выборе конкретного <option> чтобы скрывалась текущая форма, и открывалась форма для выбранного <option> я реализовал ( помогли на http://javascript.ru ) следующим образом )

$(".select-field.chosen-select").change(function(){
        if($(this).find('.job-option').is(':selected')) {
            $('.form-standard').fadeOut(0);
            $('.job-form').fadeIn(0);
        }
        if($(this).find('.producer-option').is(':selected')) {
            $('.form-standard').fadeOut(0);
            $('.producer-form').fadeIn(0);
        }
        if($(this).find('.buyer-option').is(':selected')) {
            $('.form-standard').fadeOut(0);
            $('.buyer-form').fadeIn(0);
        }
        if($(this).find('.company-option').is(':selected')) {
            $('.form-standard').fadeOut(0);
            $('.company-form').fadeIn(0);
        }

        return false;
    })


сайт, переход по кнопке Регистрация ( справа вверху )
Проблема - при выборе <option> у верхнего селекта, формы скрываются и появляются правильно, но вот как то странно подтягивается значение выбранного <option> ( первые пару раз происходит все правильно, но потом идет этот не понятный сбой )

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
55 arendator 35090 Сегодня, 2:12
автор: arendator
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
3 Rebex 969 Вчера, 20:50
автор: Rebex
Открытая тема (нет новых ответов) Посоветуйте массажер для спины и шеи
10 Boymaster 902 Вчера, 18:02
автор: Boymaster
Открытая тема (нет новых ответов) Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера)
10 zennoboss 4664 Вчера, 5:20
автор: Skyworker
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
14 Aloof 3384 23.4.2024, 13:50
автор: Vmir


 



RSS Текстовая версия Сейчас: 25.4.2024, 13:01
Дизайн