Befüllen einer Select-Box

[Felix Riesterer]

Lieber Franz,

NeuerEintrag = new Option(kultur[i],1);

erstellt ein (HTML-Element-)Objekt. Nur ein Objekt. Dieses ist ein Unikat, existiert also genau einmal. Es ist fast so, als ob Du es über eine ID bekommen hast. Zugreifen kannst Du nun über die Variable "NeuerEintrag" darauf.

document.getElementById("selEntwicklungsstadium10").options[i] = NeuerEintrag;

Hier wird es "eingebunden", indem es als Kindelement von "selEntwicklungsstadium10" (welches ein <select>-Element ist) definiert wird. Sauber ist das nicht, da Du keine DOM-Methoden wie etwa appendChild() verwendest, aber es scheint in dem von Dir getesteten Browser wie gewünscht zu arbeiten...

document.getElementById("selEntwicklungsstadium20").options[i] = NeuerEintrag;

Hier nimmst Du ein und dasselbe Objekt, das Du gerade als Kindelement eines <select>-Elements definiert hast, um es einem anderen <select> als Kindelement zuzuweisen. Das muss scheitern!

Mein Vorschlag ist folgender:

function init() {  
    for (i = 0; i < kultur.length; i++) {  
        // neues <option>-Element erstellen  
        var opt1 = document.createElement("option");  
        opt.value = kultur[i]; // befüllt das "value"-Attribut  
        opt.text = kultur[i]; // befüllt den Inhalt zwischen öffnendem und schließendem <option>-Tag  
  
        // Kopie erstellen  
        var opt2 = opt1.cloneNode(true);  
        // hier könnte man opt2.value und opt2.text noch anpassen...  
  
        // Options einbauen  
        document.getElementById("selEntwicklungsstadium10").appendChild(opt1);  
        document.getElementById("selEntwicklungsstadium20").appendChild(opt2);  
    }  
}

Liebe Grüße aus Ellwangen,

Felix Riesterer.