Formular reseten

LoMo

Erfahrenes Mitglied
Hi,

gibt es einen JS Befehl, mit den man ein komplettes Formular reseten kann (alle Textfelder auf "" setzen, Checkboxen leeren usw........) ? WICHTIG: Ers soll es nicht zurücksetzen, weil beim zurücksetzen stellt er das Formular so her wie es Anfangs initialisiert wurde beim laden !

mein problem:

Ich sende ein Formular, dass sich selbst danach wieder aufruft. Beim 2ten Aufruf geb ich den Textfeldern den Wert als Anfangswert, der davor gesendet wurde. Das gleiche mache ich auch mit allen Checkboxen................

Weiss jemand wie das gehen könnte ?

mfg lomo
 
Idee:
PHP:
var x = -1;
while(document.forms['formname'].elements[++x])
{
if(document.forms['formname'].elements[x].type == "checkbox" ||
document.forms['formname'].elements[x].type == "radio")
{
document.forms['formname'].elements[x].checked = false;
}
else
{
document.forms['formname'].elements[x].value = "";
}
}
Geht nicht immer davon aus, dass es für alles und jeden ne Funktion gibt... Programmieren, nicht Funktionen suchen...
 
Mal noch ne Frage. Was kann der Grund dafür sein, dass bei meinen radiobuttons das onClick Ereigniss nicht mehr geht ?

Hier mal der Code für die radio..:
HTML:
<input type="radio" name="SAuswahl" id="SAuswahl" value="PG" onClick="einblenden('Produktgruppe01','Produkt01','Branche01','Marke01');" <?php if($_GET['SAuswahl'] == 'PG'){ echo " checked"; }else{ echo " unchecked";}?>>
<input type="radio" name="SAuswahl" id="SAuswahl" value="P" onClick="einblenden('Produkt01','Produktgruppe01','Branche01','Marke01');" <?php if($_GET['SAuswahl'] == 'P'){ echo " checked"; }else{ echo " unchecked";}?>>
<input type="radio" name="SAuswahl" id="SAuswahl" value="B" onClick="einblenden('Branche01','Produkt01','Produktgruppe01','Marke01');" <?php if($_GET['SAuswahl'] == 'B'){ echo " checked"; }else{ echo " unchecked";}?>>
<input type="radio" name="SAuswahl" id="SAuswahl" value="M" onClick="einblenden('Marke01','Produkt01','Produktgruppe01','Branche01');" <?php if($_GET['SAuswahl'] == 'M'){ echo " checked"; }else{ echo " unchecked";}?>>

Und hier die Function (steht im head), die aufgerufen wird:
Code:
<script language="JavaScript" type="text/javascript"> 
<!-- 
function einblenden(einblenden1, ausblenden1, ausblenden2, ausblenden3) 
{ 
  
	if(document.getElementById(einblenden1).style.display=="inline")
	{ 
	 // nix machen
	} 
	else
	{ 
	  document.getElementById(einblenden1).style.display=="inline"; 
	} 

	document.getElementById(ausblenden1).style.display="none"; 
	document.getElementById(ausblenden2).style.display="none"; 
	document.getElementById(ausblenden3).style.display="none"; 
} 
 //-->
</script>

Und hier die Sachen, die eingeblendet werden:
HTML:
				<div id="Produktgruppe01" style="display:none;">
					<table width="100%" bgcolor="#E0F2FF" cellpadding="0" cellspacing="0">
					 <tr align="left" valign="middle">
						<td width="25%" class="Stil4">&nbsp;Produktgruppe:</td>
						<td width="75%" class="Stil4"><input name="Produktgruppe" type="text" id="Produktgruppe" size="50" value="<? printf($_GET['Produktgruppe']);?>"></td>
					 </tr>
					</table>
				</div>
				<div id="Produkt01" style="display:none;">
					<table width="100%" bgcolor="#E0F2FF" cellpadding="0" cellspacing="0">
					 <tr align="left" valign="middle">
						<td width="25%" class="Stil4">&nbsp;Produkt:</td>
						<td width="75%" class="Stil4"><input name="Produkt" type="text" id="Produkt" size="50" value="<? printf($_GET['Produkt']);?>"></td>
					 </tr>
					</table>
				</div>
				<div id="Branche01" style="display:none;">
					<table width="100%" bgcolor="#E0F2FF" cellpadding="0" cellspacing="0">
					 <tr align="left" valign="middle">
						<td width="25%" class="Stil4">&nbsp;Branche:</td>
						<td width="75%" class="Stil4"><input name="Branche" type="text" id="Branche" size="50" value="<? printf($_GET['Branche']);?>"></td>
					 </tr>
					</table>
				</div>
				<div id="Marke01" style="display:none;">
					<table width="100%" bgcolor="#E0F2FF" cellpadding="0" cellspacing="0">
					 <tr align="left" valign="middle">
						<td width="25%" class="Stil4">&nbsp;Marke:</td>
						<td width="75%" class="Stil4"><input name="Marke" type="text" id="Marke" size="50" value="<? printf($_GET['Marke']);?>"></td>
					 </tr>
					</table>
				</div>

Weis vielleicht jemand von euch wo hier der Fehler sein könnte ? Häng daran jetzt schon ewig und find den Fehler einfach nicht.

mfg lomo
 
Hi,

bei der Zuweisung der inline-Eigenschaft verwendest du im else-Zweig zwei Gleichheitszeichen,
es ist aber nur eins erforderlich.
Code:
else{
  document.getElementById(einblenden1).style.display="inline";
}
Ciao
Quaese
 
Danke funktioniert jetzt. Ach ja die Leichtsinnsfehler sind immer die wo am schwersten zu finden sind. :D
 

Neue Beiträge

Zurück