basti1012.bplaced.net

Hallo zusammen, ich habe ein kleines Dropdownmenü <a href="https://www.w3schools.com/howto/howto_custom_select.asp">https://www.w3schools.com/howto/howto_custom_select.asp</a> eingebaut, was auch sehr gut funktioniert: Jetzt möchte ich die Options von einem zweiten Dropdownmenü abhängig von der Auswahl des ersten Dropdownmenüs machen.

Code

                                    
                                <script src="/js_webseite/jquery.js"></script>
<p>auswahl 1</p>
<select id="auswahl1">
  <option value="autos">autos</option>
    <option value="farben">farben</option>
    <option value="sprachen">sprachen</option>
    <option value="zahlen">zahlen</option>
  </select>
<p>Auswahl 2</p>
<div id="auswah2"></div>
  <script>
   
$('#auswahl1').change(function(){
  var ff='';
  aa=$(this).val();
  color=['red','black','green','blue'];
 car=['opel','vw','toyota','lkw'];
speek=['deutsch','englisch','spanisch'];
  numbers=['eins','zwei','drei','vier'];
 if(aa=='farben'){ 
    for(h=0;h<=color.length-1;h++){
       ff+='<option value="'+color[h]+'">'+color[h]+'</option>';
    }
 }else
    if(aa=='autos'){ 
    for(h=0;h<=car.length-1;h++){
   ff+='<option value="'+car[h]+'">'+car[h]+'</option>';
    }
 }else
       if(aa=='sprachen'){ 
    for(h=0;h<=speek.length-1;h++){
   ff+='<option value="'+speek[h]+'">'+speek[h]+'</option>';
    }
 }else
if(aa=='zahlen'){ 
    for(h=0;h<=numbers.length-1;h++){
   ff+='<option value="'+numbers[h]+'">'+numbers[h]+'</option>';
    }
 }else{}
   
   
   
   
   
   
 
  h1='<select id="auswahl3">'+ff+'</select>';
  
 $('#auswah2').html(h1);
    })
 
</script>