Formularfelder werden nach AJAX-Reload nicht mehr übertragen

M-F

Hallo,

habe das Problem zwar schon in diversen Foren an ein paar Stellen gefunden, aber bisher keine klare Antwort dazu:

Sobald im Firefox eine in ein <div>...</div> eingebettete select-Liste (<select>...</select>) nach einem AJAX-Request über .innerHTML=... ausgetauscht wird, wird der Inhalt dieser Liste beim Abschicken des Formulars nicht mehr mitübertragen. Im IE dagegen funktioniert das problemlos.

Ist das Problem dieser Nichtübertragung bekannt?

(Ggf. lässt sich natürlich Code liefern.)

Gruß M-F

boardraider

Zitat

Ggf. lässt sich natürlich Code liefern.

Dann mach das doch mal.

M-F

(Aus irgendeinem Grund wird Code, den ich hier im Forum darstellen möchte, immer reduziert, da fliegen z.B. die Attribute aus XML-Tags raus usw., hat so keinen Sinn, Code darzustellen...)

PvW

Moin!
Zumindest zum letzten Absatz :
Quelltexte nicht nur in "Code-Tags" einfassen - sondern es muß auch die
Option "HTML in diesem Beitrag deaktivieren" angehakt sein - da sonst der Filter zuschlägt.
Gruß

P.

M-F

Code

<select name="urlaubsland" size="1" onclick="return daten_ohne_reload_laden('bundesland', this.value );" >


...


</select>

Code

<div id="id_bundesland">
		<select name="bundesland" size="1"  onclick="return daten_ohne_reload_laden('region', this.value);" >


		<option>- Alle -</option>
				<option value="Baden-W&uuml;rttemberg" >Baden-W&uuml;rttemberg (10)</option>
				<option value="Bayern" >Bayern (21)</option>
				<option value="Berlin" >Berlin (2)</option>
				<option value="Brandenburg" >Brandenburg (7)</option>
				<option value="Hessen" >Hessen (2)</option>


				<option value="Mecklenburg-Vorpommern" >Mecklenburg-Vorpommern (33)</option>
				<option value="Niedersachsen" >Niedersachsen (7)</option>
				<option value="Nordrhein-Westfalen" >Nordrhein-Westfalen (7)</option>
				<option value="Rheinland-Pfalz" >Rheinland-Pfalz (6)</option>
				<option value="Sachsen" >Sachsen (6)</option>
				<option value="Schleswig-Holstein" >Schleswig-Holstein (21)</option>


				<option value="Th&uuml;ringen" >Th&uuml;ringen (1)</option>
			</select>
	</div>

Alles anzeigen

Code

<div id="id_region">
		<select name="region" size="1" disabled="disabled" onclick="return daten_ohne_reload_laden('ort', this.value);">
		<option>- Alle -</option>
				</select>
	</div>

Code

function daten_ohne_reload_laden ( bereich, neuer_wert )
						{

					      http_request = false;

					      if (window.XMLHttpRequest)
							  { // Mozilla, Safari,...

							         http_request = new XMLHttpRequest();

							         if ( http_request.overrideMimeType )
							         {
							            http_request.overrideMimeType('text/html');
							         }
					      }
					      else if (window.ActiveXObject)
					      		 { // IE
					         			try
					         			{
					            			http_request = new ActiveXObject("Msxml2.XMLHTTP");
								        }
								        catch (e)
								        {
					            			try
					            			{
					               				http_request = new ActiveXObject("Microsoft.XMLHTTP");
					            			}
					            			catch (e)
					            			{
					            				beschaeftigt = false;
					            				return false;
					            			}
					         			}
					      			}

					      if ( ! http_request)
					      {
					         //alert('Cannot create XMLHTTP instance');
					         beschaeftigt = false;
					         return false;
					      }

					      try
					      {

							      //alert ( bereich );

							      if ( bereich == 'bundesland' )
							      {
							      		url = 'bundesland.php?s=<?= keygen ( 32 ) ?>&land=' + escape(neuer_wert);
							      		http_request.open('GET', url, true);
							      		http_request.onreadystatechange = bundesland_daten_einbinden;
							      }

							      else

							      if ( bereich == 'region' )
							      {
							      		document.formular.bundesland.value = neuer_wert;
							      		//alert ( document.formular.bundesland.value  );
							      		url = 'region.php?s=<?= keygen ( 32 ) ?>&land=' + escape(document.formular.urlaubsland.value) + '&bundesland=' + escape(neuer_wert);
							      		http_request.open('GET', url, true);
							      		http_request.onreadystatechange = region_daten_einbinden;

							      		document.formular.region.disabled = false;
							      		//alert ( 'url: ' + url );
							      }


							      else

							      if ( bereich == 'ort' )
							      {
												url = 'ort.php?s=<?= keygen ( 32 ) ?>&land=' + escape(document.formular.urlaubsland.value) + '&bundesland=' + escape(document.formular.bundesland.value) + '&region=' + escape(neuer_wert);							      		
							      		http_request.open('GET', url, true);
							      		http_request.onreadystatechange = ort_daten_einbinden;
							      		document.formular.ort.disabled = false;
							      }

							      http_request.send(null);

								}
					      catch (e)
					      {
					      		alert ( 'Exception: ' + e );
					      }


					   }

					   function bundesland_daten_einbinden ( )
					   {

					      try
					      {
								      if (http_request.readyState == 4)
								      {
								         if (http_request.status == 200)
								         {
								            antwort = http_request.responseText;

								         		document.getElementById('id_bundesland').innerHTML = antwort;
								         		//alert ( antwort );
								         		//alert ( document.getElementById('id_bundesland').innerHTML );
								         }
								         else
								         {
								            alert('Problem bei GET-Anfrage!');
								         }
								      }
								 }
								 catch (e)
								 {
								 			return false;
								 }					   			

					   }


					   function region_daten_einbinden ( )
					   {

					      try
					      {
								      if (http_request.readyState == 4)
								      {
								         if (http_request.status == 200)
								         {
								            antwort = http_request.responseText;
								         		document.getElementById('id_region').innerHTML = antwort;
								         		//alert ( document.getElementById('id_bundesland').innerHTML );

								         }
								         else
								         {
								            alert('Problem bei GET-Anfrage!');
								         }
								      }
								 }
								 catch (e)
								 {
								 			return false;
								 }					   			

					   }

Alles anzeigen

(Die einzelnen Skripte wie bundesland.php liefern jeweils eine komplett neue Auswahlliste, die in die jeweils umschließende div-Box eingebaut wird.)

NittakuPong

Das Problem ist, dass innerHTML nicht standardisiert ist, sondern Gefrickel von Microsoft. Einzige saubere Lösung ist leider, auf innerHTML ganz zu verzichten und die standardisierten Methoden zu verwenden. Lies dir dazu mal diese Seite durch.

Ich habe allerdings mal eine Seite mit jQuery gebastelt, welches ebenfalls innerHTML verwendet, und damit klappte zumindest das Hinzufügen von textareas samt Datenübertragung problemlos - keine Ahnung, ob das auf selects auch zutrifft.

M-F

Hab es am Ende auch so gelöst, dass die select-Liste erstmal dynamisch gelöscht wird (Löschen der einzelnen Options) und anschließend wieder aufgebaut wird. Schon etwas aufwändiger, dafür gehts dann auch in allen Browsern, da macht man so einen Kompromiss doch gern. :wink: