How to iterate a PHP Array in HTML

Question

I've trying to iterate the following array of PHP inside and HTML template:

$sub_menu = array(
    array(
        'titulo' => 'Ropa',
        'url' => '/ropa.html
    '),
    array(
        'titulo' =>'Electronica',
        'url' => '/electronica.html'
    ),
    array(
        'titulo' => 'Higiene',
        'url' =>'/higiene.html'
    ),
    array(
        'titulo' => 'Alimentos',
        'url' => '/alimentos.html'
    ),
    array(
        'titulo' => 'Otros',
        'url' => '/otros.html'
    )
);

Hadn't been lucky so far. What I'm trying to do is to show this as a list inside of a nav tag.

Could you please lend me a hand?

So I tried this

<?php 
echo '<ul>'; 
foreach ($sub_menu as $parent) { 
    if (is_array($parent)) { 
        echo '<ul>'; 
        foreach ($parent as $children => $key) { 
            echo '<li><a href="#">' . $children . '</a>'; 
        } 
        echo '</ul>'; 
    } 
    echo '</li>'; 
} 
echo '</ul>'; 
?>

You speak about a HTML Template, but as a term like that can mean almost anything you may get more help if you show us what it means to you — RiggsFolly
– RiggsFolly, Commented Jun 18, 2020 at 16:45
So far I've tried this: <?php echo '<ul>'; foreach ($sub_menu as $parent) { if (is_array($parent)) { echo '<ul>'; foreach ($parent as $children => $key) { echo '<li><a href="#">' . $children . '</a>'; } echo '</ul>'; } echo '</li>'; } echo '</ul>'; ?> — Andrew Sunset
– Andrew Sunset, Commented Jun 18, 2020 at 16:48
Always put code in the question. Nobody can read it in a comment — RiggsFolly
– RiggsFolly, Commented Jun 18, 2020 at 16:53

RiggsFolly · Accepted Answer · 2020-06-18 17:02:14Z

1

I think you made it all a bit more complex than the input array required

$sub_menu = array(
    array(
        'titulo' => 'Ropa',
        'url' => '/ropa.html'),
    array(
        'titulo' =>'Electronica',
        'url' => '/electronica.html'
    ),
    array(
        'titulo' => 'Higiene',
        'url' =>'/higiene.html'
    ),
    array(
        'titulo' => 'Alimentos',
        'url' => '/alimentos.html'
    ),
    array(
        'titulo' => 'Otros',
        'url' => '/otros.html'
    )
);

echo '<ul>'.PHP_EOL; 
foreach ($sub_menu as $parent) { 
    echo '<li><a href="' . $parent['url'] . '">' . $parent['titulo'] . '</a></li>'.PHP_EOL; 
} 
echo '</ul>'.PHP_EOL;

RESULT

<ul>
<li><a href="/ropa.html">Ropa</a></li>
<li><a href="/electronica.html">Electronica</a></li>
<li><a href="/higiene.html">Higiene</a></li>
<li><a href="/alimentos.html">Alimentos</a></li>
<li><a href="/otros.html">Otros</a></li>
</ul>

answered Jun 18, 2020 at 17:02

RiggsFolly

94.7k22 gold badges108 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andrew Sunset Over a year ago

This is exactly what I was looking for! Thanks!

jibsteroos · Accepted Answer · 2020-06-18 16:49:41Z

0

Use a basic foreach() loop to render your 'navbar'... edit the HTML to suit your specific needs:

foreach ($sub_menu as $key => $value) {
        echo "<li><a href='" . $value['url'] . "'>" . $value['titulo'] . "</a></li>";
}

answered Jun 18, 2020 at 16:49

jibsteroos

1,4012 gold badges9 silver badges14 bronze badges

Comments

Forge Web Design · Accepted Answer · 2020-06-18 18:08:49Z

0

You have echo ul on wrong place try the following code

<?php   
echo "<ul>";
foreach ($sub_menu as $parent) { 
    if (is_array($parent)) { 
        echo '<li><ul>'; 
        foreach ($parent as $children => $key) { 
            echo '<li><a href="#">' . $children . '</a>'; 
        } 
        echo '</ul></li>'; 
    }else {
        echo '<li><a href="#">' . $parent . '</a>'; 
    } 

} 
 echo "</ul>";
?>

answered Jun 18, 2020 at 18:08

Forge Web Design

8455 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to iterate a PHP Array in HTML

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related