<form>
<select id="kont"></select>
<select id="land"></select>
</form>
    <script>
var kontinente=['Europa','asien','afrika','amerika','australien'];
   
var Europa=['Dänemark','Nordzypern','Deutschland  ','Norwegen','Dhekelia','Österreich','England ','Polen','Estland','Portugal','Europäische Union','Rumänie','Färöer','Russische Föderation','Finnland','San Marino','Frankreich','Schweden'];
  
var asien=['Georgien','Pakistan','Hongkong','Philippinen','Indien','Saudi-Arabien','Indonesien','Singapur','Irak','Sri Lanka','Iran','Syrien','Israel','Tadschikistan'];
  
var afrika=['Argentinien','Kolumbien','Bolivien ','Paraguay','Brasilien','Peru','Chile','Suriname','Ecuador','Uruguay','Falklandinseln','Venezuela','Guyana'];
      
var amerika=['nichts','n9ichts'];
var australien=['nichts','n9ichts'];     
var menge=0;
var new_array=0;
var kon=document.getElementById('kont');     
var lan=document.getElementById('land');    
for(x=0;x<kontinente.length;x++){
  let opt=document.createElement('option');
  opt.value=kontinente[x];
  let opttext=document.createTextNode(kontinente[x]);
  opt.appendChild(opttext)
  kon.appendChild(opt)
}   
      
kon.addEventListener('change',function(){
lan.innerHTML='';
if(this.value=='afrika'){
     menge=afrika.length;
     new_array=afrika;
}else if(this.value=='asien'){
     menge=asien.length;
     new_array=asien;
}else if(this.value=='Europa'){
     menge=Europa.length;
     new_array=Europa;
}else if(this.value=='australien'){
     menge=australien.length;
     new_array=australien;
}else if(this.value=='amerika'){
     menge=amerika.length;
     new_array=amerika;
}
for(y=0;y<menge;y++){
    let opt=document.createElement('option');
    opt.value=new_array[y];
    let opttext=document.createTextNode(new_array[y]);
    opt.appendChild(opttext);
    lan.appendChild(opt);
 }    
})
</script>            
         
            
                           
        
            
                           
         

External Javascript and CSS