[Erledigt] Problem mit Javascript

15.09.2005, 13:54

Hallo zusammen!

Eins gleich vorweg: Ich hab diese Frage schon in dem Nebenforum gestellt, aber da wurde ich dann hingewiesen, dass ich das besser mit Javascript lösen sollte (wenn jemand die ganze Geschichte wissen will kann er ja im Forum PHP - Anfänger nachschauen)
Ein Ansatz wurde mir dort auch gleich geliefert, aber leider komm ich trotzdem nicht weiter, und anscheinend kann (oder will) mir dort keiner mehr weiterhelfen, deshalb stelle ich die Frage hier, da DAS ja das Forum für Javascriptfragen ist.

Also das Problem ist folgendes:
Ich hab ein html-Formular in dem man (unter anderem) das Länderkürzel für sein Land wählen soll, zB DE für Deutschland.
Wenn man sein Länderkürzel gewählt hat, soll in einem Feld daneben das Land dann ausgeschrieben stehen.

Mein Code ist folgender:

im header

Code:

<script type="text/javascript"> 
   function land () 
   { 
      var land = 0; 
      var nation = document.Formular.NATION.value; 
      switch(nation) 
      { 
         case "AT": 
         land = "Österreich"; 
         document.Formular.LAND.value = land; 
         break; 
         case "DE": 
         land = "Deutschland"; 
         document.Formular.LAND.value = land; 
         break; 
         case "CH": 
         land = "Schweiz"; 
         document.Formular.LAND.value = land; 
         break; 
      } 
   } 
</script>

im Formular

Code:

<?php 
<td>

Land</p></td> 
<td> 
   <select name="NATION"> 
   <option value="DE" onChange="land()">DE</option> 
   <option value="AT" selected="selected" onChange="land()">AT</option> 
   <option value="CH" onChange="land()">CH</option> 
   </select> 
</td> 
<td><input type="text" name="LAND" size="15" value="xyz"readonly="readonly"></td> 
?>

Eigentlich SOLLTE, sobald man sein Länderkürzel gewählt hat, die Funktion aufgerufen werden, in der dem value des nächsten Feldes das entsprechenden Land zugewiesen wird, und dann SOLLTE das Land im nächsten Feld angezeigt werden.
Leider ist das aber nicht so.
Ich hab einen Fehler im Script, das weiß ich auch, aber da ich nichts von Javascript verstehe

hoffe ich, dass mir hier jemand weiterhelfen kann mein Problem zu lösen.

DANKE IM VORRAUS FÜR JEDE ANTWORT!

15.09.2005, 14:19

hier ne sehr kurze möglichkeit:

script type="text/javascript">

function land() {

var nations = {
'AT': ['Oesterreich'],
'CH': ['Schweiz'],
'DE': ['Deutschland']
}

nationSelect = document.getElementById('nation').value;

document.getElementById('land').value = nations[nationSelect];
}
</script>

<select name="nation" id="nation" onchange="javascript: land();">
<option value="DE">DE</option>
<option value="AT" selected="selected">AT</option>
<option value="CH">CH</option>
</select>

<input type="text" name="land" id="land" size="15" value="" readonly="readonly" />

... wie den form ausgegeben wurde würde mich interessieren, da in den php anweisungen ...

15.09.2005, 14:41

Also erst mal vielen Dank für die Antwort!

Das <?php und ?> gehören nicht dazu, sind nur im Post, in meinem Script ist kein php (mehr, da ich ja darauf hingewiesen wurde in dem Fall Javascript zu verwenden).

Hm, irgendwas stimmt aber immer noch nicht, ich hab meine Funktion gelöscht, deine eingefügt und im Formular auch die Änderungen vorgenommen, es wird aber immer noch nichts angezeigt...

15.09.2005, 15:05

... die ids den tags zugewiesen? du kannst natürlich auch über das form darauf zugreifen, falls eins besteht ... kenn aber die id bzw den namen deines forms nicht ... dennoch würd ich mit eindeutigen ids machen ...

15.09.2005, 15:23

Ja, hab auch die ID's den Tags zugewiesen, funktioiert nicht.

Ich möchte es aber ohnehin ID's machen, der Aufbau ist der:

HTML - BODY - TABLE - FORMULAR - FORMULARFELD NATION

ist dann das richtig:

document.Table.Formular.NATION.value;

?

15.09.2005, 15:40

... muss aber funktionieren ...

ne table muss da nicht mit rein ...
document.{formname}.{inputname}.value ...

15.09.2005, 15:52

... tut es aber leider nicht ...

also die Struktur ist folgende:

document.FORMULAR(= Name des Formulars).NATION(= Name des Eingabefeldes).value

müsste stimmen, oder?

15.09.2005, 16:02

eigentlich ja ... kannst mal deinen ganzen code geben ... versteh echt nicht warum das nicht funken sollte ...

15.09.2005, 16:19

Ok, ich hab aber noch etwas dran rumprobiert, (hat aber auch nichts geholfen)

im Moment sieht der Code so aus:

Anfang:

Code:

<html>
	<head>
		<title>Menü</title>
		<script type="text/javascript">
			function land()
			{
				var land = 0;
				var nation = document.FORMULAR.NATION.value;
				switch(nation)
				{
					case "AT":
						land = "Österreich";
						document.FORMULAR.LAND.value = land;
						break;
					case "DE":
						land = "Deutschland";
						document.FORMULAR.LAND.value = land;
						break;
					case "CH":
						land = "Schweiz";
						document.FORMULAR.LAND.value = land;
						break;
				}
			}
		</script>
	</head>
	
	<body>

	

<font color="blue" size="6">NEUER EINTRAG</font></p>
	

 	<form name="FORMULAR" action="test_abfrage.php" target="_self" method="post">
 	
 		<table bgcolor="#D6D3CE" cellspacing="5">
 			<tr>
 				<th>Adresse</th>
 			</tr>
 		</table>
 		<table bgcolor="#D6D3CE" cellspacing="5">

relevanter Formularteil:

Code:

	<tr>
		 		<td>

Land</p></td>
		 		<td>
					<select name="NATION">
						<option value="DE" onChange="land()">DE</option>
						<option value="AT" selected="selected" onChange="land()">AT</option>
						<option value="AF" onChange="land()">AF</option>
						<option value="CH" onChange="land()">CH</option>			
					</select>			
				<input type="text" name="LAND" size="15" value="" readonly="readonly" /></td>
 			</tr>

und Ende:

Code:

 		</table>

		

<input type="submit" value="Eintrag speichern"></p>
	</form>
	
	</body>
</html>

Fehler gefunden?

15.09.2005, 16:21

Was soll denn auch nur in deinem Textfeld drin stehen wenn da nix bei value= steht?

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
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
Problem: javascript + verstecken eines Divs	se-clan	HTML, Usability und Barrierefreiheit	4	04.01.2007 10:49
problem mit javascript und smarty	snatch-ic	HTML, Usability und Barrierefreiheit	2	08.06.2006 22:11
Problem mit array in Javascript	djma	PHP Tipps 2006	4	05.06.2006 15:00
PHP + Javascript + MYSQL	socke	PHP Tipps 2006	4	02.04.2006 22:02
JavaScript Problem	2wuck	HTML, Usability und Barrierefreiheit	3	02.01.2006 14:15
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
Problem bei JavaScript auf Firefox		HTML, Usability und Barrierefreiheit	0	04.10.2005 14:00
Problem mit Javascript: lässt sich nicht auslagern	blinkster.de	HTML, Usability und Barrierefreiheit	2	01.10.2005 15:20
Problem mit Javascript in PHP		PHP Tipps 2005-2	3	19.09.2005 00:49
JavaScript Problem IE		HTML, Usability und Barrierefreiheit	5	30.07.2005 16:50
[Erledigt] problem mit umbrüchen in javascript		HTML, Usability und Barrierefreiheit	5	26.07.2005 19:32
propertie problem in javascript		HTML, Usability und Barrierefreiheit	1	07.11.2004 14:15
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30
Javascript und PHP Problem		PHP Tipps 2004	1	03.06.2004 16:37

15.09.2005, 13:54
Gast Beiträge: n/a	[Erledigt] Problem mit Javascript Hallo zusammen! Eins gleich vorweg: Ich hab diese Frage schon in dem Nebenforum gestellt, aber da wurde ich dann hingewiesen, dass ich das besser mit Javascript lösen sollte (wenn jemand die ganze Geschichte wissen will kann er ja im Forum PHP - Anfänger nachschauen) Ein Ansatz wurde mir dort auch gleich geliefert, aber leider komm ich trotzdem nicht weiter, und anscheinend kann (oder will) mir dort keiner mehr weiterhelfen, deshalb stelle ich die Frage hier, da DAS ja das Forum für Javascriptfragen ist. Also das Problem ist folgendes: Ich hab ein html-Formular in dem man (unter anderem) das Länderkürzel für sein Land wählen soll, zB DE für Deutschland. Wenn man sein Länderkürzel gewählt hat, soll in einem Feld daneben das Land dann ausgeschrieben stehen. Mein Code ist folgender: im header Code: <script type="text/javascript"> function land () { var land = 0; var nation = document.Formular.NATION.value; switch(nation) { case "AT": land = "Österreich"; document.Formular.LAND.value = land; break; case "DE": land = "Deutschland"; document.Formular.LAND.value = land; break; case "CH": land = "Schweiz"; document.Formular.LAND.value = land; break; } } </script> im Formular Code: <?php <td> Land</p></td> <td> <select name="NATION"> <option value="DE" onChange="land()">DE</option> <option value="AT" selected="selected" onChange="land()">AT</option> <option value="CH" onChange="land()">CH</option> </select> </td> <td><input type="text" name="LAND" size="15" value="xyz"readonly="readonly"></td> ?> Eigentlich SOLLTE, sobald man sein Länderkürzel gewählt hat, die Funktion aufgerufen werden, in der dem value des nächsten Feldes das entsprechenden Land zugewiesen wird, und dann SOLLTE das Land im nächsten Feld angezeigt werden. Leider ist das aber nicht so. Ich hab einen Fehler im Script, das weiß ich auch, aber da ich nichts von Javascript verstehe hoffe ich, dass mir hier jemand weiterhelfen kann mein Problem zu lösen. DANKE IM VORRAUS FÜR JEDE ANTWORT!


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

15.09.2005, 14:19
Gast Beiträge: n/a	hier ne sehr kurze möglichkeit: script type="text/javascript"> function land() { var nations = { 'AT': ['Oesterreich'], 'CH': ['Schweiz'], 'DE': ['Deutschland'] } nationSelect = document.getElementById('nation').value; document.getElementById('land').value = nations[nationSelect]; } </script> <select name="nation" id="nation" onchange="javascript: land();"> <option value="DE">DE</option> <option value="AT" selected="selected">AT</option> <option value="CH">CH</option> </select> <input type="text" name="land" id="land" size="15" value="" readonly="readonly" /> ... wie den form ausgegeben wurde würde mich interessieren, da in den php anweisungen ...

15.09.2005, 14:41
Gast Beiträge: n/a	Also erst mal vielen Dank für die Antwort! Das <?php und ?> gehören nicht dazu, sind nur im Post, in meinem Script ist kein php (mehr, da ich ja darauf hingewiesen wurde in dem Fall Javascript zu verwenden). Hm, irgendwas stimmt aber immer noch nicht, ich hab meine Funktion gelöscht, deine eingefügt und im Formular auch die Änderungen vorgenommen, es wird aber immer noch nichts angezeigt...

15.09.2005, 15:05
Gast Beiträge: n/a	... die ids den tags zugewiesen? du kannst natürlich auch über das form darauf zugreifen, falls eins besteht ... kenn aber die id bzw den namen deines forms nicht ... dennoch würd ich mit eindeutigen ids machen ...

15.09.2005, 15:23
Gast Beiträge: n/a	Ja, hab auch die ID's den Tags zugewiesen, funktioiert nicht. Ich möchte es aber ohnehin ID's machen, der Aufbau ist der: HTML - BODY - TABLE - FORMULAR - FORMULARFELD NATION ist dann das richtig: document.Table.Formular.NATION.value; ?

15.09.2005, 15:40
Gast Beiträge: n/a	... muss aber funktionieren ... ne table muss da nicht mit rein ... document.{formname}.{inputname}.value ...

15.09.2005, 15:52
Gast Beiträge: n/a	... tut es aber leider nicht ... also die Struktur ist folgende: document.FORMULAR(= Name des Formulars).NATION(= Name des Eingabefeldes).value müsste stimmen, oder?

15.09.2005, 16:02
Gast Beiträge: n/a	eigentlich ja ... kannst mal deinen ganzen code geben ... versteh echt nicht warum das nicht funken sollte ...

15.09.2005, 16:21
Gast Beiträge: n/a	Was soll denn auch nur in deinem Textfeld drin stehen wenn da nix bei value= steht?