JavaScript reset() bestimmtes Feld

Sack

Sack

Sigma Hydrae
ID: 232829
L
20 April 2006
5.162
320
Moin,
Ich habe ein Formular, in dem Ich (damits schneller geht) bestimmte Felder reseten können will.
Also mal ein einfaches Beispiel:
Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform">
<input type=text size=40 name="Feld1"><br>
<input type=text size=40 name="Feld2"><br>
</form>
<a href="javascript:document.Testform.reset()">Formular leeren</a>
</body></html>
Ich möchte aber nicht das gesamte Formular löschen, sondern nur Feld1. Geht das?

Danke schonmal :D
Sack
 
erstmal danke,
aber entweder ich habe was falsch zusammen gebaut, oder es funktioniert einfach nicht...
Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform" action="">
<input type="text" size="40" name="Feld1"><br>
<input type="text" size="40" name="Feld2"><br>
</form>
<a href="javascript:document.getElementByName('Testform').getElementsByTagName('input')[0].value = '';">Formular leeren</a>
</body></html>
 
dem feld ne id geben und den value leeren:

Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform">
<input type=text size=40 name="Feld1" title="Feld1"><br>
<input type=text size=40 name="Feld2" title="Feld2"><br>
</form>
<a href="javascript:document.getElementById('Feld1').value=''">Formular leeren</a>
</body></html>
 
thrown-out schrieb:
dem feld ne id geben und den value leeren:

Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform">
<input type=text size=40 name="Feld1" title="Feld1"><br>
<input type=text size=40 name="Feld2" title="Feld2"><br>
</form>
<a href="javascript:document.getElementById('Feld1').value=''">Formular leeren</a>
</body></html>
Zum Vergrößern anklicken....
Also entweder ich stelle mich extrem blöd an, oder das funktioniert auch nicht... :think:
LasMiranda schrieb:
Ein direktes Reseten ist das ja aber nicht, denn es ist ja "nur" ein Leeren.

Ein Reseten eines Feldes geht eigentlich nur per Feld-Cloning, also dem Erstellen eines sichtbaren und unsichtbaren Feldes.
Zum Vergrößern anklicken....

Es reicht mir eigentlich wenn das Feld leer ist (keine ziffern, keine leerzeichen und co.
 
Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform">
<input type=text size=40 name="Feld1" id="Feld1"><br>
<input type=text size=40 name="Feld2" id="Feld2"><br>
</form>
<a href="javascript:document.getElementById('Feld1').value=''">Formular leeren</a>
</body></html>
Funktioniert auch nich. Das "verlinkt" jetzt auf eine leere seite.
in dem adressfenster steht jetzt: javascript:document.getElementById('Feld1').value=''
und die Seite ist leer. liegt an dem a href oder? müsste man das nicht mit onclick="" machen?
 
Sack schrieb:
und die Seite ist leer. liegt an dem a href oder? müsste man das nicht mit onclick="" machen?
Zum Vergrößern anklicken....

Du musst das Default-Verhalten des <a>-Elements verhindern (mit event.preventDefault()). Wenn du schlau bist, benutzt du das für Buttons vorgesehene <button>-Element, dann kannst du dir das sparen ;)

Greetz

paddya
 
Oder man nimmt statt href einfach onlick8)

Bzw. noch besser:
Weiter oben einen <script>-Tag definieren und darin ein Event anhängen. In etwa so:
HTML: 
<script type="text/javascript">
document.getElementById('linkid').onclick = function() {
     document.getElementById('Feld1').value='';
};
</script>
 
habs jetzt mit einem Button gemacht.
(für alle die wissen wollen wie:
Code: 
<html><head><title>Test</title>
</head><body>
<form name="Testform">
<input type=text size=40 name="Feld1" id="Feld1"><br>
<input type=text size=40 name="Feld2" id="Feld2"><br>
<input type=button value="Zeile leeren" onclick="javascript:document.getElementById('Feld1').value=''">
</form>
</body></html>

Danke an alle die geholfen haben!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben