我有一个动态生成 Div 的数组。现在我想隐藏并显示该 div,并且应该一次显示 1 个 div,并且要显示下一个 div,用户必须单击按钮。如下所示:
<?php $h=0;?>
<script stype="textjavascript">
function test() {
document.getElementById("set").style.display="none";
document.getElementById("set<?php echo $h+1; ?>").style.display="block";
}
</script>
<?php
foreach($sets as $set){
if($h==0)
{
?>
<div id="set">
</php } else { ?>
<div id="set<?php echo $h;?>" style="display:none;">
<p><a class="continue" href="#" onclick="test()">Continue</a></p>
</div>
<?php $h++; } } ?>
现在使用上面的代码我可以隐藏和显示 2 div,但在 3 div 的情况下它不起作用,请让我知道我哪里做错了。
最佳答案
试试这个代码。
<?php
$sets = array('one','two','three','four');
?>
<script stype="textjavascript">
var current = 0;
var total = <?php echo count($sets); ?>;
function test() {
for(var i=0;i<total;i++)
{
document.getElementById("set"+i).style.display="none";
}
current++;
document.getElementById("set"+current).style.display="block";
}
</script>
<?php
foreach($sets as $key=>$set){
?>
<div <? if($key>0){ ?> style="display: none" <? } ?> id="set<?php echo $key; ?>">
== <?php echo $set; ?> ==
<p><a class="continue" href="#" onclick="test()">Continue</a></p>
</div>
<?php } ?>
关于php - 在 PHP 中动态显示/隐藏 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13470977/