Dropdown Skript mit Textanzeige gesucht - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Dropdown Skript mit Textanzeige gesucht

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Dropdown Skript mit Textanzeige gesucht

Pages: [1]

geschrieben von rolandg am 28.02.2006 - 10:44

Hallo,

ich suche schon ganz verzweifelt ein Skript, dass mir folgendes ermöglicht:

Es soll ein Dropdown Listenfeld mir vier Orten sein. Nach Klick auf einen Ort soll rechts neben der Auswahl ein einzeiliger Text erscheinen.

Das Fenster soll sich dabei nicht neu laden, sondern nur der angezeigte Text ändern.

Kann jemand helfen? Vielen Dank!

geschrieben von Micha am 28.02.2006 - 20:45

Hi

sowas?

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:

<script>

function writeText(){
document.getElementById('myTextPane').innerHTML = document.forms[0].Auswahl.options[document.forms[0].Auswahl.selectedIndex].value;
}

</script>

<form name="Testform" action="">
<select name="Auswahl" onchange="writeText(this.form)">
<option value="AAA-Text">AAA</option>
<option value="BBB-Text">BBB</option>
<option value="CCC-Text">CCC</option>
</select>
</form>

<p id="myTextPane"></p>

Micha

geschrieben von rolandg am 01.03.2006 - 08:18

Hallo,

vielen, vielen Dank!

Genau das war's.

geschrieben von rolandg am 01.03.2006 - 08:24

Wie kann ich es erreichen, dass das erste Feld bereits als ausgewählt dargestellt wird?

Danke!

geschrieben von Hawk am 01.03.2006 - 09:02

Hallo,

das erreichst du mit <option selected >

geschrieben von rolandg am 01.03.2006 - 09:13

Hallo,

das hab' ich schon versucht. Leider ohne Erfolg.
Der Befehl <option selected> wird einfach ignoriert.

Noch eine Idee?

geschrieben von Micha am 01.03.2006 - 09:18

Hallo,

nein, sollte er nicht, der Eintrag sollte aktiv sein. Durch diese Einstellung wird aber das onchange() nicht ausgelöst; löse ihn beim Start der Seite aus:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7:

<script>

function writeText(){
document.getElementById('myTextPane').innerHTML = document.forms[0].Auswahl.options[document.forms[0].Auswahl.selectedIndex].value;
}
window.onload=writeText;
</script>

geschrieben von rolandg am 01.03.2006 - 09:25

Das war's jetzt wirklich. Prima!

Vielen Dank!