Question

我目前有4个Div。 1始终显示，具体取决于所选的下拉菜单选项，然后隐藏3个其余部分。

我想要的是显示2个div，如果＆＃34; 2＆＃34;选择，如果＆＃34; 3＆＃34;显示3个div。选择等等。我有一个php for循环，我试图分开，但我不确定如何去做。

以下是一个例子：

<?php for($i=0; $i<4; $i++): ?>

<div class="<?php echo ($i>0?' hide':'') ?>">
This is Div <?php echo ($i+1) ?>.
</div>

<?php endfor; ?>

我知道我必须创建4个单独的div，但我不知道如何根据$i显示/隐藏这些div。

Answer 1

<?php 
// $_GET["dropdown"] can be 1,2,3 or 4
$dropdown =  $_GET["dropdown"];



for($i=1; $i<=4; $i++): ?>

<div class="<?php echo ( $i > $dropdown ) ? 'hide':''; ?>">
This is Div <?php echo $i; ?>.
</div>

<?php endfor; ?>

<强> CSS

.hide{
 display:none;
}

Answer 2

如果选择了下拉菜单，则需要使用JavaScript来显示和隐藏

 //code on html or ctp
 <div class="1" style="display:none;">
 <div class="2" style="display:none;">
 <div class="3" style="display:none;">
 <div class="4" style="display:none;">

在JavaScript上

 <script type="text/javascript>
      //get the value from the dropdown-menu option 
      //some codes here
      var id = //value from the dropdown-menu option 

      if(id==1){
         $("1").show();
         $("2").hide();
         $("3").hide();
         $("4").hide();
      }
      else if(id == 2){
         $("1").hide();
         $("2").show();
         $("3").hide();
         $("4").hide();
      }
      else if(id == 3){
         $("1").hide();
         $("2").hide();
         $("3").show();
         $("4").hide();
      }
      else if(id == 4){
         $("1").hide();
         $("2").hide();
         $("3").hide();
         $("4").show();
      }
 </script>

使用＆＃34; php显示/隐藏Div元素＆＃34;环

2 个答案: