Question

我编写了一个html表单，并想在使用javascript提交时隐藏div。由于某种原因，div不会隐藏。

DIV＆amp;表格代码：

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

Answer 1

似乎这样使用php会更容易。检查表单是否已提交并相应显示内容。

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

Answer 2

您可能找到了一个用于onsubmit的代码，并将其用于onchange事件。我不是这方面的专家，但基于我到目前为止所阅读的内容，onchange =“this.submit.form（）”将刷新或重新加载您的页面，因此，所有内容都会重置。

我尝试使用您的代码并将其放在

上

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

它有效。所以你可以做的就是使用AJAX来做。

隐藏Div提交

2 个答案: