Witam.Mam problem z napisaniem kodu . W kodzie są listy ograniczone.Mamy nazwy ,którym podlegają rzeczy i są ograniczone barwami.
Wie ktoś ?

<!DOCTYPE html>
<head>
<meta charset="utf-8">

<style>
.zalezny > OPTION {
  display:none;
}
</style>

</head>

<body>

<form>
  <select name="one" id="one" onchange="List(this);">
    <option value="Firma1" selected>Firma1</option>
    <option value="Firma2">Firma2</option>
    <option value="Firma3">Firma3</option>
  </select>

  <select name="two" id="two" class="zalezny">
    <option class="Firma1" value="Skarpetki1 "selected>Skarpetki</option> 
    <option class="Firma1" value="Klapki1">Klapki</option> 
    <option class="Firma1" value="Doniczki1">Doniczki</option> 

    <option class="Firma2" value="Skarpetki2">Skarpetki</option>       
    <option class="Firma2" value="Klapki2">Klapki</option>       
    <option class="Firma2" value="Doniczki2">Doniczki</option>       

    <option class="Firma3" value="Klapki3">Klapki</option>
    <option class="Firma3" value="Doniczki3">Doniczki </option>
  </select>
<select name="three" id="three" class="zalezny">
    <option class="Firma1" name="Skarpetki1" value="Czarny","Bialy"></option> funkcja która sama to wypisze w zależności od wyboru
    <option class="Firma1" name="Klapki1" value="Czarny1","Niebieski"></option> 
    <option class="Firma1" name="Doniczki1" value="Zielony","Szary"></option> t

    <option class="Firma2" name="Skarpetki2" value="Czarny2"></option>      funkcja ,która sama to wypisze i wpisze wartość czarny zaznaczając wartość czarny2
    <option class="Firma2" name="Klapki2" value="Niebieski2"></option>     
    <option class="Firma2" name="Doniczki2" value="Szary1"></option>       

    <option class="Firma3" name="Klapki3" value="Czarny3"></option>   funkcja ,która sama to wypisze i wpisze wartość czarny zaznaczając wartość czarny3
    <option class="Firma3" name="Doniczki3"value="Zielony2"></option>

  </select>  

</form>

<script>
function List(select){
  // odczyt wybranej firmy
  firma_wybrana = select.options[select.selectedIndex].value;
  // dodaj dynamiczny CSS
  if (typeof css_dynamiczny === 'undefined') {
    css_dynamiczny = document.createElement('style');
    document.body.appendChild(css_dynamiczny);
  }
  // aktualizuj zawartość dynamicznego CSS
  css_dynamiczny.innerHTML = ".zalezny > option."+firma_wybrana+"{display:block;}";

  // zmień element wybrany
  document.getElementById("two").selectedIndex   = document.getElementById("two").querySelector('.'+firma_wybrana).index;
  document.getElementById("three").selectedIndex = document.getElementById("three").querySelector('.'+firma_wybrana).index;
}

// pierwsze wywołanie funkcji przy starcie strony
select = document.getElementById("one");
List(select);

</script> 

</body>
</html>