Converting PHP array in HTML list

Question

I have the array below which I would like to output in a specific HTML list format.

My PHP array is as follow:

Array
(
    [MAIN] => Master Product
    [ID1] => Array
        (
            [0] => Product 1
        )

    [ID2] => Array
        (
            [0] => Product 2
            [ID3] => Array
                (
                    [0] => Product 3
                )

            [ID4] => Array
                (
                    [0] => Product 4
                )
        )
)

The HTML list format I am looking for is as follows.

<ul id="treeview">
    <li>Master Product
        <ul>
            <li>Product 1</li>
            <li>Product 2
                <ul>
                    <li>Product 3</li>
                    <li>Product 4</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Any help would be appreciated.

Justin Pearce · Accepted Answer · 2012-03-03 01:59:02Z

5

Try this on for size:


function recurseTree($var){
  $out = '<li>';
  foreach($var as $v){
    if(is_array($v)){
      $out .= '<ul>'.recurseTree($v).'</ul>';
    }else{
      $out .= $v;
    }
  }
  return $out.'</li>';
}

echo '<ul>'.recurseTree($yourDataArrayHere).'</ul>';

answered Mar 3, 2012 at 1:59

Justin Pearce

5,1172 gold badges26 silver badges37 bronze badges

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

2 Comments

MyStream Over a year ago

can you combine both this and mine to a self contained function?

hawx Over a year ago

Thanks for the reply. This is absolutely perfect and exactly what I was looking for. Much appreciated.

MyStream · Accepted Answer · 2016-04-21 08:14:15Z

4

$data = array(); // your data

function toUL($data=false, $flatten=false){
 $response = '<ul>';
 if(false !== $data) {
   foreach($data as $key=>$val) {
    $response.= '<li>';
    if(!is_array($val)) {
     $response.= $val;
    } else {
     if(!$flatten){
       $response.= toUL($val);
     } else {
       // pulls the sub array into the current list context
       $response.= substr($response,0,strlen($response)-5) . toUL($val);
     }
    }
    $response.= '</li>';
   }
 }
 $response.= '</ul>';
 return $response;
}

// Test #1 -- named values echo toUL(array('a'=>'b','c'=>'d','e'=>array('f'=>'g'))); // Result #1

b
d
- g

// Test #2 -- value lists echo toUL(array('a','b','c',array('d','e','f'))); // Result #2

a
b
c
- d
- e
- f

edited Apr 21, 2016 at 8:14

answered Mar 3, 2012 at 1:38

MyStream

2,5511 gold badge16 silver badges34 bronze badges

2 Comments

MyStream Over a year ago

you might need a tokeniser around that substr() to check whether to do that based on if the previous iteration at the same level was a string or not..?

hawx Over a year ago

Sorry for late reply. This works perfectly. Thanks for the reply.

Gautier · Accepted Answer · 2021-04-23 20:20:48Z

0

Inspired from this answer but where leaves are surounded by <li>

function recurseTree($var)
{
    $out = '';
    foreach ($var as $v) {
      if (is_array($v)) {
          $out .= '<ul>'.recurseTree($v).'</ul>';
      } else {
         $out .= '<li>'.$v.'</li>';
      }
    }

    return $out;
}

And if you have associative array you can try this function:

function recurseTree($var)
{       
    $out = '';
    foreach($var as $k => $v){
        if (is_array($v)) {
            $out .= '<dl>'.self::recurseTree($v).'</dl>';
        } else {
            $out .= '<dt>'.$k.'</dt>'.'<dd>'.$v.'</dd>';
        }
    }

    return $out;
}

answered Apr 23, 2021 at 20:20

Gautier

1,1741 gold badge14 silver badges25 bronze badges

Collectives™ on Stack Overflow

Converting PHP array in HTML list

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related