Скрыть Div при отправке

Question

Скрыть Div при отправке

0

Я закодировал html-форму и хотел бы скрыть div при представлении, используя javascript. По какой-то причине div не скрывается.

DIV и код формы:

<div id="map"><iframe src="sourceurl" width="700" height="300" frameborder="0"></iframe></div><br />

<form method="get" action="<?php echo $url = basename($_SERVER['PHP_SELF']); ?>" onsubmit="mapHide(); return false;">

<select name="country" onchange='this.form.submit()'> 
<input type="hidden" name="action" value="submit" /><br>
</select>
</form>

JS:

<script>
function mapHide() {
document.getElementById('map').style.display = 'none';
}
</script>

user3492795 14 апр. 2014, в 17:13

Источник

4

Возможно, он скрыт, но поскольку ваша форма отправляется обратно себе, вы не увидите ее, когда страница перезагружается.
j08691 14 апр. 2014, в 14:40
2

Форма отправляется, страница перезагружается, и javascript теряется.
adeneo 14 апр. 2014, в 14:40
1

вы возвращаете false из onsubmit, который отключает отправку. Вы хотели, чтобы эта форма фактически отправлялась на сервер, или просто скрывали div и НЕ представляли ничего?
Marc B 14 апр. 2014, в 14:41
0

Большое спасибо за ваши отзывы, ребята, как мне тогда решить, что когда форма отправляется обратно в себя, она скрывает форму?
user3492795 14 апр. 2014, в 14:41
0

@MarcB Нет, форма фактически функционирует, отправляет данные и возвращает их обратно, при возврате данных div должен скрыться
user3492795 14 апр. 2014, в 14:42
0

тогда это никогда не сработает. когда новая страница загружается, старая страница, на которой вы .hide() отправляет, и выполняет .hide() . мертв и ушел. Вы должны будете установить cookie или, по крайней мере, иметь скрипт, который обрабатывает отправку и возвращает данные, чтобы скрыть это.
Marc B 14 апр. 2014, в 14:43
0

Я изменил свой код, чтобы он отображался в содержимом после отправки: <script> $(document).ready(function() { $("#map").hide(); } хотя div все еще не скрывается).
user3492795 14 апр. 2014, в 14:50
0

вызовите функцию снова при загрузке
Sireesh Yarlagadda 14 апр. 2014, в 15:05

Показать ещё 6 комментариев

Теги:

javascript

html

2 ответа

Ещё вопросы

Возможно, он скрыт, но поскольку ваша форма отправляется обратно себе, вы не увидите ее, когда страница перезагружается.
Форма отправляется, страница перезагружается, и javascript теряется.
вы возвращаете false из onsubmit, который отключает отправку. Вы хотели, чтобы эта форма фактически отправлялась на сервер, или просто скрывали div и НЕ представляли ничего?
Большое спасибо за ваши отзывы, ребята, как мне тогда решить, что когда форма отправляется обратно в себя, она скрывает форму?
@MarcB Нет, форма фактически функционирует, отправляет данные и возвращает их обратно, при возврате данных div должен скрыться
тогда это никогда не сработает. когда новая страница загружается, старая страница, на которой вы .hide() отправляет, и выполняет .hide() . мертв и ушел. Вы должны будете установить cookie или, по крайней мере, иметь скрипт, который обрабатывает отправку и возвращает данные, чтобы скрыть это.
Я изменил свой код, чтобы он отображался в содержимом после отправки: <script> $(document).ready(function() { $("#map").hide(); } хотя div все еще не скрывается).
вызовите функцию снова при загрузке

Ashenvale · Answer 1 · 2014-04-14T12-46-00.000Z

вы, вероятно, нашли код, предназначенный для onsubmit, и использовали его для события onchange. Я не эксперт в этом, но на основании того, что я прочитал до сих пор, onchange = "this.submit.form()" обновит или перезагрузит вашу страницу, поэтому все просто сбрасывается.

Я попытался использовать ваш код и поместить его на

<input type="submit" onsubmit="this.form.submit();" />

и это работает. Поэтому, вероятно, вы можете сделать это, используя AJAX.

Sam · Answer 2 · 2014-04-14T12-24-00.000Z

Похоже, это было бы проще, просто используя php. Проверьте, была ли форма отправлена и соответствующим образом отображен контент.

if($_SERVER['REQUEST_METHOD'] == 'POST'){//form was submitted content } else{//empty form }

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