Textvorschau in JavaScript

[alchemist]

Hallo, Forum,

ich möchte mit JavaScript erreichen, dass Text, der in Eingabefelder eingeben wird, dem Benutzer auf derselben Seite angezeigt wird, nachdem er einen Button angeklickt hat - quasi als Vorschau.

Über die Funktion setText klappt das auch:

<script type="text/javascript">
function setText () {
document.getElementById("Text").firstChild.nodeValue = document.getElementById("Eingabe").value;
}
</script>

Allerdings immer nur mit einem Textfeld. Wie kann ich erreichen, dass der Text aus mehreren Eingabefeldern angezeigt wird, etwa:

Name:
Vorname:
Alter: etc.

Leider bin ich bei der Suche nicht fündig geworden und komme alleine nicht mehr weiter.
Gruß, alchemist

 

[Quaese]

Hi,

du könntest ein Array anlegen, welches die IDs der gewünschten Felder enthält. In der Funktion wird dieses Array durchlaufen und die Werte der zugehörigen Felder an einen String angehängt. Zum Schluss wird diese Zeichenkette ausgegeben.

Beispiel:

var arrIDs = new Array("Eingabe", "Vorname", "Alter");

function setText(){
  var strOut = "";

  for(var i=0; i<arrIDs.length; i++){
    strOut += document.getElementById(arrIDs[i]).value + "<br />";
  }

  document.getElementById("Text").firstChild.innerHTML = strOut;
}

Ciao
Quaese

 

[alchemist]

Hallo Quaese,

das hat geklappt. Vielen Dank!