javascript - 提交表单时隐藏 DIV

Question

我开发了一个 PHP 表单，它自动提交数据并使用 mySQL 查询显示数据。我有一个 div，需要在自动提交表单时隐藏它。由于页面刷新，隐藏的 jQuery 正在丢失。

表单代码:

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

<div>

<div class="dropdown">
<span style="color:#131787; font-size:2em; font-family:Arial, Helvetica, sans-serif;;">some text</span>
</div>

<div >
<form method="get" action="<?php echo $url = basename($_SERVER['PHP_SELF']); ?>">
<select name="country" onchange='this.form.submit()'> 
    <?php $result= mysql_query('Query'); ?> 
<option value="x" selected>Select your destination</option>
    <?php while($row= mysql_fetch_assoc($result)) { ?> 
        <option value="<?php echo htmlspecialchars($row['country']);?>" > 
            <?php echo htmlspecialchars($row['country']); ?> 
        </option> 
    <?php } ?> 
<input type="hidden" name="action" value="submit" /><br /><br/>
</select>
</form>
</div>

</div>

自动提交后，它会捕获变量中的选择并显示数据。

提交时显示的一些数据示例:

<?php
if(isset($_GET["action"])) { 
    $var1= $wpdb->get_results("Query");
    $var2= $wpdb->get_results("Query");
    $var3= $wpdb->get_results("Query");
    $var4= $wpdb->get_results("Query");


if (empty($var1))
    { echo '<h3 style="color:red;">No Results</h3>';} 
else 
    {foreach ( $var11 as $var1 ) {
        foreach ( $var22 as $var2 ){
}}}

?>

我试图用来隐藏 div 的脚本如下:

<script>$(document).ready(function() { $('#map').hide(); }</script>

刷新时不会发生隐藏。你能帮我解决这个问题吗？

Answer 1

您可以将其添加到 isset($_GET['action']) 条件中，例如:

<?php
if (isset($_GET["action"])) {
    $var1 = $wpdb - > get_results("Query");
    $var2 = $wpdb - > get_results("Query");
    $var3 = $wpdb - > get_results("Query");
    $var4 = $wpdb - > get_results("Query");


    if (empty($var1)) {
        echo '<h3 style="color:red;">No Results</h3>';
    } else {
        foreach($var11 as $var1) {
            foreach($var22 as $var2) {
            }
        }
    }
    echo '<script>$(document).ready(function() { $(\'#map\').hide(); });</script>';
}
?>

而且，这可能会更好:

<?php
$display = "block";
if (isset($_GET["action"])) {
    $var1 = $wpdb - > get_results("Query");
    $var2 = $wpdb - > get_results("Query");
    $var3 = $wpdb - > get_results("Query");
    $var4 = $wpdb - > get_results("Query");

    if (empty($var1)) {
        echo '<h3 style="color:red;">No Results</h3>';
    } else {
        foreach($var11 as $var1) {
            foreach($var22 as $var2) {
            }
        }
    }
    $display = "none";
}
?>

然后当你显示 div 时，你可以使用:

<div id="map" style="display: <?php echo $display; ?>">...</div>