basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    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>