Beim Ändern eines Menüs einen Text ändern

steven001 · 28.06.2009, 18:46

Hallo zusammen,

ich komme hier bei einem Problem nicht weiter.

Ich habe hier ein Formular mit (unter anderem) einem Auswahlmenü. Dorf kann man zwischen 3 Sachen wählen. Jetzt möchte ich eine Überschrift in anhängigkeit dieser Auswahl ändern - dieses versuche ich mit Javascript.

Ich habe die Form so geschrieben

Code:

            <select name="auswahl" onchange="changeplace(document.formeingabe.auswahl.value)" >
              <option value="1" <?php echo $auswahl1 ?> >Auswahl1</option>
              <option value="2" <?php echo $auswahl2 ?> >Auswahl2</option>
              <option value="3" <?php echo $auswahl3 ?> >Auswahl3</option>
            </select>

Und die Funktions so

Code:

<script type="text/javascript">
function changeplace(auswahl)
{
if (auswahl==1) {
var title1 = "Frage 1";
}
if (auswahl==2) {
var title1 = "Frage 2";
}
if (auswahl==3) {
var title1 = "Frage 3";
}
alert(title1);
}
</script>

Die Ausgabe via alert() klappt auch.

Jetzt will ich den Inhalt als Überschrift im Formular ausgeben. Und da hakt es - es wird nichts ausgegeben. Und die Änderung hat keine Wirkung auf die Ausabe.

Code:

<script type="text/javascript">document.write(title1);</script>

Kann mir da jemand helfen?

mfg

nikosch · 28.06.2009, 19:01

var macht lokal.

steven001 · 28.06.2009, 19:51

Ok, wenn ich es richtig gelesen habe sind Variablen, die ich innerhalb einer Funktion definiere immer lokal?

Kann ich einfach die Variable einmal vor der Funktion definieren? Also so?

Code:

<script type="text/javascript">
title1 = "Test 1";
function changeplace(auswahl)
{
if (auswahl==1) {
title1 = "Frage 1";
}
if (auswahl==2) {
title1 = "Frage 2";
}
if (auswahl==3) {
title1 = "Frage 3";
}
alert(title1);
}
</script>

Und wird dann überhaupt automatisch auch hier der neue Inhalt ausgegeben?

Code:

<script type="text/javascript">document.write(title1);</script>

bekiro · 29.06.2009, 10:21

hi steven,

genau nach dieser lösung suche ich auch. ich hatte die tage schon mal die selbe frage gestellt. mit der antwort die ich bekam konnte ich leider nichts anfangen. meine kenntnisse reichen leider dafür nicht aus. dein ansatz sieht doch schon fast funktionsfähig aus. ich glaube, das da nur noch eine kleinigkeit fehlt. vielleicht können wir uns ja gegenseitig helfen

hier ist die antwort auf meine frage, vielleicht hilft es dir ja weiter: klickmich (Optionsfeld soll Text im HTML Bereich wechseln lassen).

gruss .:bekiro:.

nikosch · 29.06.2009, 10:37

Lass das var einfach weg.

bekiro · 29.06.2009, 12:21

hi,

ich hab jetzt eine lösung.

Code:

<script type="text/javascript">
var Empfehlung1 = "3% - 5%";
var Empfehlung2 = "6% - 9%";
var Empfehlung3 = "10% - 13%";

function textwechsel() 
{
	if (document.formular.ton.value == "Hell")
	{
		document.all.auswahl.innerText = Empfehlung1;
	}
	if (document.formular.ton.value == "Mittel")
	{
		document.all.auswahl.innerText = Empfehlung2;
	}
	if (document.formular.ton.value == "Dunkel")
	{
		document.all.auswahl.innerText = Empfehlung3;
	}
}
</script>

und hier das formular-script:

Code:

<form name="formular">
	<select name="ton" onchange="textwechsel(document.formular.ton.value)" >
		<option value="Hell" >Hell</option>
		<option value="Mittel" >Mittel</option>
		<option value="Dunkel" >Dunkel</option>
	</select>
	<p id="auswahl">3% - 5%</p>
</form>

steven001 · 30.06.2009, 18:51

Klasse, das muss ich die Tage gleich mal testen.

steven001 · 30.06.2009, 19:56

Hm, bei klappt es nicht - evtl. wegen dem Objektorientiertem. Ich habe es mit CSS gemacht und somit viele DIVs.

Muss ich dann

Code:

document.div1.div2. ... . formular.innerText

etc schrieben?

nikosch · 30.06.2009, 20:24

Besser gleich DOM verwenden.

steven001 · 30.06.2009, 22:55

Zitat:

Zitat von nikosch

Besser gleich DOM verwenden.

DOM? Kannste noch 1-2 Worte dazu sagen?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Textfelder Array in Datenbank schreiben	raa	PHP Tipps 2009	16	14.03.2009 21:41
Text in Datenbank umwandeln	muffinsbacken	PHP Tipps 2009	9	07.01.2009 18:40
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
Text aus der DB verteilen		PHP Tipps 2007	17	16.11.2005 12:04
text ändern	tommi89	HTML, Usability und Barrierefreiheit	4	25.08.2005 08:26
Text im einem TEXTAREA feld ändern	Soese	HTML, Usability und Barrierefreiheit	5	26.07.2005 16:46
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
frames probleme		HTML, Usability und Barrierefreiheit	6	18.01.2005 02:33
Text in einer Textdatei ändern.		PHP Tipps 2005	3	08.01.2005 21:58
Dynamisch Text hinzufügen, NICHT ändern !!		PHP Tipps 2004	6	18.10.2004 10:34
Text in Formular ändern	d-81	PHP Tipps 2004	4	20.09.2004 15:30
txt-Datei erstellen	d-81	PHP Tipps 2004	12	11.08.2004 20:31

28.06.2009, 18:46
steven001 Benutzer Registriert seit: 28.01.2009 Beiträge: 36	Beim Ändern eines Menüs einen Text ändern Hallo zusammen, ich komme hier bei einem Problem nicht weiter. Ich habe hier ein Formular mit (unter anderem) einem Auswahlmenü. Dorf kann man zwischen 3 Sachen wählen. Jetzt möchte ich eine Überschrift in anhängigkeit dieser Auswahl ändern - dieses versuche ich mit Javascript. Ich habe die Form so geschrieben Code: <select name="auswahl" onchange="changeplace(document.formeingabe.auswahl.value)" > <option value="1" <?php echo $auswahl1 ?> >Auswahl1</option> <option value="2" <?php echo $auswahl2 ?> >Auswahl2</option> <option value="3" <?php echo $auswahl3 ?> >Auswahl3</option> </select> Und die Funktions so Code: <script type="text/javascript"> function changeplace(auswahl) { if (auswahl==1) { var title1 = "Frage 1"; } if (auswahl==2) { var title1 = "Frage 2"; } if (auswahl==3) { var title1 = "Frage 3"; } alert(title1); } </script> Die Ausgabe via alert() klappt auch. Jetzt will ich den Inhalt als Überschrift im Formular ausgeben. Und da hakt es - es wird nichts ausgegeben. Und die Änderung hat keine Wirkung auf die Ausabe. Code: <script type="text/javascript">document.write(title1);</script> Kann mir da jemand helfen? mfg Geändert von steven001 (28.06.2009 um 19:40 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.06.2009, 19:01
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	var macht lokal. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

28.06.2009, 19:51
steven001 Benutzer Registriert seit: 28.01.2009 Beiträge: 36	Ok, wenn ich es richtig gelesen habe sind Variablen, die ich innerhalb einer Funktion definiere immer lokal? Kann ich einfach die Variable einmal vor der Funktion definieren? Also so? Code: <script type="text/javascript"> title1 = "Test 1"; function changeplace(auswahl) { if (auswahl==1) { title1 = "Frage 1"; } if (auswahl==2) { title1 = "Frage 2"; } if (auswahl==3) { title1 = "Frage 3"; } alert(title1); } </script> Und wird dann überhaupt automatisch auch hier der neue Inhalt ausgegeben? Code: <script type="text/javascript">document.write(title1);</script>

29.06.2009, 10:21
bekiro Neuer Benutzer Registriert seit: 17.06.2009 Beiträge: 16 PHP-Kenntnisse: Anfänger	hi steven, genau nach dieser lösung suche ich auch. ich hatte die tage schon mal die selbe frage gestellt. mit der antwort die ich bekam konnte ich leider nichts anfangen. meine kenntnisse reichen leider dafür nicht aus. dein ansatz sieht doch schon fast funktionsfähig aus. ich glaube, das da nur noch eine kleinigkeit fehlt. vielleicht können wir uns ja gegenseitig helfen hier ist die antwort auf meine frage, vielleicht hilft es dir ja weiter: klickmich (Optionsfeld soll Text im HTML Bereich wechseln lassen). gruss .:bekiro:.

29.06.2009, 10:37
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Lass das var einfach weg. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

30.06.2009, 18:51
steven001 Benutzer Registriert seit: 28.01.2009 Beiträge: 36	Klasse, das muss ich die Tage gleich mal testen.

30.06.2009, 19:56
steven001 Benutzer Registriert seit: 28.01.2009 Beiträge: 36	Hm, bei klappt es nicht - evtl. wegen dem Objektorientiertem. Ich habe es mit CSS gemacht und somit viele DIVs. Muss ich dann Code: document.div1.div2. ... . formular.innerText etc schrieben?

30.06.2009, 20:24
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Besser gleich DOM verwenden. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --