在 PHP 中创建无限的嵌套列表

丹尼尔.971

我知道,标题不是很具体,但我不知道如何命名。
我想创建一个从 1 到 10 的列表。所有这些数字都应该是可点击的并打开一个子列表。再次使用 1-10 的数字。像这样:

  • 1
  • 2
    • 1
    • 2
    • 3

等等......这是一些代码,我有:

<?php
$num = $_GET['zahl'];
$zahlen = array();
while($num != 0){
  $part = $num % 10;
  array_push($zahlen, $part);
  $num = floor($num/10);
}
foreach ($zahlen as $key => $value) {
$runs = $value + 1;
for ($i=1; $i < $runs ; $i++) {
  if ($i == 1) {
    echo $ulon . "\n";
  }
  echo $lion . "\n";
  echo $a . "ordner.php?zahl=" . $i . $amiddle . $i . $aoff . "\n";
  echo $lioff . "\n";
}
for ($i=1; $i < 11 ; $i++) {
  if ($i == 1) {
    echo $ulon;
  }
  echo $lion . "\n";
  echo $a . "ordner.php?zahl=" . $zahlen[0] . $i . $amiddle . $i . $aoff;
  echo $lioff . "\n";
}
echo $uloff;
echo "\n" . "</body>";
?>
阿布罗修斯教授

您希望使用 Javascript 而不是 PHP 实现的目标应该相当简单 - 以下使用 PHP 仅生成初始列表,后续子列表使用 javascript 生成。

<?php
    echo "<ul id='infinite-menu'>";
    for( $i=1; $i < 11; $i++ ){
        echo "<li>$i</li>";
    }
    echo "</ul>";
?>


<script>

    var children=10;

    function newnodes(e){
        if( e.target.childNodes.length==1 ){
            var ul=document.createElement('ul');
            e.target.appendChild(ul);

            for( i=1; i < children+1; i++ ){
                var li=document.createElement('li');
                li.innerHTML=i;
                ul.appendChild( li );
            }
        }
    }
    var col=document.querySelectorAll('ul#infinite-menu li');
    if( col )for( n in col )if( col[n].nodeType==1){
        col[n].addEventListener('click',newnodes,false);
    }

</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章