我知道,标题不是很具体,但我不知道如何命名。
我想创建一个从 1 到 10 的列表。所有这些数字都应该是可点击的并打开一个子列表。再次使用 1-10 的数字。像这样:
等等......这是一些代码,我有:
<?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] 删除。
我来说两句