allerAnfangIstSchwer: createElement: input radio

Beitrag lesen

Hallo verehrte Community,

ich erbitte eure Hilfe zu einem Problem. Vielleicht ist`s nur ein Leichtsinnsfehler, aber ich komme leider nicht drauf.

Ich möchte (aus einem Array) mehrere Radio-Buttons erzeugen. Soweit dachte ich, wäre das kein Problem, aber es zeigt mir im Browser leider keinen Text / Beschreibung an, sondern nur die Anklick-Elemente (=Radio-Button`s ohne Text).

Hier mein Code:


var personen = ["Maier", "Müller", "Huber"];

for(i=0;i<personen.length;i++){
			var auswahlElement = document.createElement("input");
			auswahlElement.setAttribute("type", "radio");
			auswahlElement.setAttribute("name", "personen");
			auswahlElement.setAttribute("value", personen[i]);
			var auswahlElementText = document.createTextNode(personen[i]);
			auswahlElement.appendChild(auswahlElementText);
			document.getElementById("body").appendChild(auswahlElement);
}

Der Browser (IE, DOM Explorer) zeigt mir dann z.B. beim Element dann folgendes an: <input name="personen" type="radio" value="Maier">Maier</input>

ABER: Der Text "Maier" wird eben nicht ausgegeben.

Kann mir vielleicht jemand weiterhelfen, woran das liegt bzw. wie ich den Text zum Feld erhalte? Vielen Dank.