如何通过 jquery ajax php 在页面加载时隐藏国家/地区参数

Question

如何通过 jquery ajax php 在页面加载时隐藏国家/地区参数。

下面的代码显示来自数据库的结果及其工作正常。

当单击按钮并且运行良好时，我可以通过其 ID 分别隐藏/取消隐藏或切换所有国家/地区值。

这是我的问题：如何在页面加载时仅隐藏所有国家/地区的值，以便我可以像往常一样切换或隐藏/取消隐藏它。

到目前为止，这是我的编码工作

<html>
    <head>
  <script src="jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
       <script>
//toggle div on click

       $(document).ready(function() {

            $(".hideunhide_country").click(function(){
             var id = this.id; 
               $("#result_"+id).toggle( 'slow', function(){

               });
            });
         });

/*

//hide unhide div on click
$(document).ready(function(){
    $(".hideunhide_country").click(function(){
var id = this.id; 
$("#result_"+id).hide();

  });
});
*/

</script>



        <div class="content">

            <?php

include('db.php');
$result = $db->prepare('SELECT * FROM users order by id');
$result->execute();
while ($row = $result->fetch()) {


$id = $row['id'];
$country = $row['country'];



            ?>

                    <div class="p">
 <h1>Userid: <?php echo $id; ?></h1>


//hide country values on page load
<div id="result_<?php echo $id; ?>">
 <h1><?php echo $country; ?></h1>
</div>

<input type="button" value="HideUnhide" id="<?php echo $id; ?>" class="hideunhide_country"  />

</div>


            <?php

                }
            ?>



        </div>
    </body>
</html>

Answer 1

只有一个快速修复，你应该重构你的代码......

<html>
    <head>
  <script src="jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
       <script>
//toggle div on click

       $(document).ready(function() {

            $(".hideunhide_country").click(function(){
             var id = this.id; 
               $("#result_"+id).toggle( 'slow', function(){

               });
            });
            // hide all countries
            $("[id^='result_']").hide()
         });

/*

//hide unhide div on click
$(document).ready(function(){
    $(".hideunhide_country").click(function(){
var id = this.id; 
$("#result_"+id).hide();

  });
});
*/

</script>



        <div class="content">

            <?php

include('db.php');
$result = $db->prepare('SELECT * FROM users order by id');
$result->execute();
while ($row = $result->fetch()) {


$id = $row['id'];
$country = $row['country'];



            ?>

                    <div class="p">
 <h1>Userid: <?php echo $id; ?></h1>


//hide country values on page load
<div id="result_<?php echo $id; ?>">
 <h1><?php echo $country; ?></h1>
</div>

<input type="button" value="HideUnhide" id="<?php echo $id; ?>" class="hideunhide_country"  />

</div>


            <?php

                }
            ?>



        </div>
    </body>
</html>

如何通过 jquery ajax php 在页面加载时隐藏国家/地区参数

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-04-23 07:38:23

如何通过 jquery ajax php 在页面加载时隐藏国家/地区参数

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-04-23 07:38:23

解决方案1
0 已采纳 2020-04-23 07:38:23