Делать div видимым после отправки формы

Question

Делать div видимым после отправки формы

0

У меня есть div, <div class="sectionCarouselCapabillities">... </div> который - по умолчанию - скрыт от прицела, если вы не сделаете изменение в раскрывающемся списке. Итак, следующее:

    $('.carouselUser').change(function(){
        $('.sectionCarouselCapabillities').show()
    });

Указывает, что при выборе окна - с классом: carouselUser меняет состояние, мы показываем раздел sectionCarouselCapabillities. Отлично работает.

Проблема?

После представления формы, что div больше не отображается, потому что они не изменяются в раскрывающемся списке...

Так что же я должен изменить, чтобы сделать его появляются после изменения и остаются видимыми ПОСЛЕ формы submision

LogicLooking 12 нояб. 2013, в 21:07

Источник

3

Форма отправки перезагрузит страницу. Изменения, внесенные в dom, не переносятся между загрузками страниц. Используйте cookie-файл или localStorage, чтобы отслеживать, когда элемент должен быть показан или скрыт, или измените форму отправки, чтобы использовать ajax.
Jason P 12 нояб. 2013, в 19:57
1

Так же на @Jason, если у вас есть возможность использовать AJAX вместо поста, я бы также предложил использовать это
Gobo 12 нояб. 2013, в 19:57
1

Вместо того, чтобы использовать cookie-файл, запустите его в свой внутренний конструктор страниц (какой бы технологии вы ни использовали). Добавляйте скрытое, только если нет значения. IE, если запись не существует, скрыта, иначе не скрыта. Или используйте то, что сказал @Gobo, и используйте ajaz.
buzzsawddog 12 нояб. 2013, в 19:59
0

С другой стороны, если есть какие-то другие правила, которые вы можете использовать для определения, должен ли показываться раздел, вы можете отключить отображение при загрузке страницы. Например, вы могли бы предположить, что, пока выбор по умолчанию не был выбран, div должен отображаться?
talemyn 12 нояб. 2013, в 19:59

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

selection

2 ответа

1

Я думаю, что в этом случае вам нужно будет установить файл cookie при изменении раскрывающегося списка, а затем прочитать cookie после отправки формы.

Tim 12 нояб. 2013, в 18:07

Ещё вопросы

Форма отправки перезагрузит страницу. Изменения, внесенные в dom, не переносятся между загрузками страниц. Используйте cookie-файл или localStorage, чтобы отслеживать, когда элемент должен быть показан или скрыт, или измените форму отправки, чтобы использовать ajax.
Так же на @Jason, если у вас есть возможность использовать AJAX вместо поста, я бы также предложил использовать это
Вместо того, чтобы использовать cookie-файл, запустите его в свой внутренний конструктор страниц (какой бы технологии вы ни использовали). Добавляйте скрытое, только если нет значения. IE, если запись не существует, скрыта, иначе не скрыта. Или используйте то, что сказал @Gobo, и используйте ajaz.
С другой стороны, если есть какие-то другие правила, которые вы можете использовать для определения, должен ли показываться раздел, вы можете отключить отображение при загрузке страницы. Например, вы могли бы предположить, что, пока выбор по умолчанию не был выбран, div должен отображаться?

meavo · Accepted Answer · 2013-11-12T18-51-00.000Z

Вместо использования show() вы можете добавить класс:

$('.carouselUser').change(function(){
    $('.sectionCarouselCapabillities').addClass('is-active');
});

И в вашем CSS:

.sectionCarouselCapabillities.is-active { display: block; }

На стороне сервера вы можете проверить, отправлена ли форма. Если это так, добавьте активный класс в div.