2tes Dropdown abhängig vom ersten

Hallo zusammen, ich habe ein kleines Dropdownmenü https://www.w3schools.com/howto/howto_custom_select.asp 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.

Der hier verwendete Code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!