Dynamisches Schreiben et Öffnen einer neuen Seite

[Thorsten Hohenmüller]

Hi!
Ich habe gerade folgendes Skript geproggt, das je nach Inhalt unter das Pulldown-Menü einen Zeile per <p></p> schreiben soll:

function ausgabe(auswahl) {
  var text = auswahl.selectedIndex;

text = auswahl[auswahl.selectedIndex].text;

if(text == "Bremen"){
  document.writeln('<p>Brem</p>');
   }
   if(text == "Hamburg"){
  document.writeln('<p>Ham</p>');
   }
}

HTML-Formular:
select name="liste" size="1">

<option value="Bremen">Bremen</option>
<option value="Hamburg">Hamburg</option>

</select>

<input type="button" name="button" onclick="ausgabe(this.form.liste)" value="Auswahl">

Das Problem ist jetzt, dass jetzt beider Betätigung von "Auswahl" die Seite neu geladen wird, sprich es erscheint wieder ein weißes Fenster ohne das Layout der vorherigen. Gibt es eine Möglichkeit, dies oben beschriebene Problem zu beheben?

[Tobias Kloth]

Hallo Thorsten,

if(text == "Bremen"){
  document.writeln('<p>Brem</p>');

du überschreibst hier den aktuellen Inhalte der Seite mit '<p>Brem</p>'.

Das Problem ist jetzt, dass jetzt beider Betätigung von "Auswahl" die Seite neu geladen wird, sprich es erscheint wieder ein weißes Fenster ohne das Layout der vorherigen. Gibt es eine Möglichkeit, dies oben beschriebene Problem zu beheben?

du möchtest per DOM den Inhalt eines Elementes ändern, also z.B. so:

//an der Stelle an der der Text erscheinen soll
<p id="stadt"></p>

//in der Funktion 'ausgabe':
document.getElementById('stadt').innerHTML = 'Brem';

Grüße aus Nürnberg
Tobias