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="/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>