Generate dropdown with optgroup from PHP array

Question

I am creating an e-commerce website using laravel. I have a problem to generate dropdown select from set of array. Below is the array:

How to generate dropdown select from this set of array to be like this:

<select name='select_name'>
  <option value="">-- please select --</option>
  <optgroup label="Women's Clothing"></label>
    <option value="6556">Tops > Blouse</option>
    <option value="6557">Tops > Crop Tops</option>
    <option value="6570">Women's Outerwear > Sweaters</option>
    <option value="6571">Women's Outerwear > Cardigans</option>
  <optgroup label="Health & Beauty"></label>  
    <option value="6616">Face Make Up > Powder & Compacts</option>
    <option value="6617">Face Make Up > Foundation</option>
</select>

Looking to the array itself, all the parentid=0 should be place in optgroup of the form select. Now the challenge part for me is, how to loop the child's name and append '>' symbol and loop until the last child. The option value should be the last child id. Please help. I really had no idea how to solve my problem.

does the child level is fixed or it may go to next level too ? — rkj
– rkj, Commented Jul 21, 2018 at 5:12
What @rkj means: is it limited to Face Make Up > Foundation or can you have something like Face Make Up > Foundation > Red > With sparkles? — Michel
– Michel, Commented Jul 21, 2018 at 6:56
yes it can be like this Face Make Up > Foundation > Red > With sparkles — softboxkid
– softboxkid, Commented Jul 21, 2018 at 7:19

Md Nasir Fardoush · Accepted Answer · 2018-07-21 11:41:52Z

3

Here is two way you can generate a drop down list in your laravel blade.

#First way(Access items static way)

<select name='select_name'>
 <option value="">-- please select --</option>
    @foreach($data_array as $parents){ //$data_array is your original array

      <optgroup label="{{ $parents['name'] }}">

        if(is_array($parents['children'])){

            foreach($parents['children'] as $children){

                if(is_array($children['children'])){

                    foreach($children['children'] as $items){
                      <option value="{{ $items['id'] }}">{{ $children['children']['name'] }} > {{ $items['name'] }}</option>
                    @endforeach
                 @endif
            @endforeach
        @endif

       </optgroup>
    @endforeach
</select>

#Second way(Access items dynamic way)

If items are more nested you can simply do this using function recursion.

Make dropdownlist in controller

 <?php

......
.......
class TestController extends Controller
{
    public $names = ""; //Sub category names
    public $dropdownList = ""; //options dropdown list

    public function index()  //function call using route
        {
            $dropdownlist = $this->getLastChildren($items_array,1);
            return view('index', compact('dropdownlist'));
        }
    //make dropdown list 
    public function getLastChildren($items,$parent=0){
        foreach($items as $item){
            if($parent == 1){  //set optgroup title
                $this->dropdownList .= "<optgroup label=".$item['name'].">";
                $this->names = '';
            }
            if(isset($item['children']) && is_array($item['children'])){
                if(!empty($item['name']) && $parent == 0){
                    $this->names .=$item['name'].'>'; //set subcategory names
                }
                $this->getLastChildren($item['children'],0); //call this function recursively for get last children
            }else{ 
                // Confirm it's last item
                $this->dropdownList .="<option value=".$item['id'].">".$this->names.$item['name']."</option>";
            }
            if($parent == 1){
                $this->dropdownList .= "</optgroup>";
            }

        }
        return $this->dropdownList; //return dopdown list
      }


}

In blade file simply print this dropdownlist

<select>
       <option value=''>-- please select --</option>
        {!! $dropdownlist !!} //list from controller
</select>

edited Jul 21, 2018 at 11:41

answered Jul 21, 2018 at 7:19

Md Nasir Fardoush

8204 silver badges16 bronze badges

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

3 Comments

softboxkid Over a year ago

Alhamdulillah. TQVM

Joseph_J Over a year ago

This will not work for items nested deeper than your two loops. OP stated the child level is not fixed.

Md Nasir Fardoush Over a year ago

Hi, @softboxkid I updated my answer following the issue access deeper items dynamically. Thanks @Joseph_J for your comment.

Joseph_J · Accepted Answer · 2018-07-21 09:15:32Z

0

Based off of your comment that the depth of the child elements are not known, the only way to do this is recursively with a callback function.

Try out this code below.

function getChildren($array, $category = NULL){  

  foreach($array as $child){

    if(isset($child['children']) && $child['children']){

      if($category != NULL){

        $newCategory = $category . ' > ' . $child['name'];

      }else {

          $newCategory = $child['name'];

        }

      getChildren($child['children'], $newCategory);

    } else {

      echo '<option value="' . $child['id'] . '">' . $category . ' > ' . $child['name'] . '</option>';

    }

  }

  unset($category);

}


echo
'<select name="select_name">
  <option value="">-- please select --</option>';

  for($i = 0; $i < count($array); $i++){

    echo
    '<optgroup label="' . $array[$i]['name'] . '"></label>';

    getChildren($array[$i]['children']);    

  }

echo
'</select>';

answered Jul 21, 2018 at 9:15

Joseph_J

3,6692 gold badges15 silver badges22 bronze badges

1 Comment

Joseph_J Over a year ago

@softboxkid The first answer that was provided will only go as deep into the array as their are loops provided. The function above will go through the array recursively and provide all items regardless of how far down they are.

Collectives™ on Stack Overflow

Generate dropdown with optgroup from PHP array

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related