cascade dropdown dynamic dropdown

by nethzor

HTML

<form name="dropdownForm" id="dropdownForm">
</form>

JavaScript

var items = [
   {
      'value':'bmw',
      'category':'make',
      'items':[
         {
            'value':'2018',
            'category':'year',
            'items':[
               {
                  'value':'serie 1',
                  'category':'model',
                  'items':[
                     {
                        'value':'blue',
                        'category':'color'
                     },
                     {
                        'value':'red',
                        'category':'color'
                     }
                  ]
               },
               {
                  'value':'serie 2',
                  'category':'model',
                  'items':[
                     {
                        'value':'blue',
                        'category':'color'
                     }
                  ]
               },
               {
                  'value':'serie 3',
                  'category':'model',
                  'items':[
                     {
                        'value':'blue',
                        'category':'color'
                     }
                  ]
               }
            ]
         },
         {
            'value':'2019',
            'category':'year',
            'items':[
               {
                  'value':'serie 1',
                  'category':'model',
                  'items':[
                     {
                        'value':'blue',
                        'category':'color'
                     }
                  ]
               },
               {
                  'value':'serie 2',
                  'category':'model',
                  'items':[
                     {
                        'value':'blue',
                        'category':'color'
                     }
                  ]
               },
               {
                  'value':'serie 3',
                  'category':'model',
                  'items':[
                     {
...