[JS]Textboxes leegmaken

[Verwijderd]

Hallo allemaal,

ik ben bezig met het bouwen van een functie die alle textboxen in een formulier leegmaakt.

Het gaat om het volgende HTML-document:

code:

<form name="formulier">
<input type="text" size="2" name="val_row1" readonly>
<input type="text" size="2" name="val_row2" readonly>
<input type="text" size="2" name="val_row3" readonly>
<input type="text" size="2" name="val_row4" readonly>
<input type="text" size="2" name="val_row5" readonly>
</form>

Dit zijn er slecht 5 van de 25.

Hier wil ik dus een functie voor bouwen. Ik heb al het volgende:

code:

function init(){
for(i=0;i<document.getElementsByTagName("input").length;i++){ 
     
}
}

Ik loop dus door alle <input>-tags heen. Hoe haal ik nu de type="text" elementen op van de objecten in het array? Ik maak namelijk ook nog gebruik van textarea's, welke gewoon gevuld moeten blijven.

Wie weet raad?? Alvast bedankt,

Ikkus

[ Voor 19% gewijzigd door Verwijderd op 06-01-2003 15:06 ]

[Verwijderd]

wat dacht je van een reset knop

[Pelle]

Verwijderd schreef op 06 januari 2003 @ 15:12:
wat dacht je van een reset knop

Wat is dat nou weer voor gezwets? Lees z'n post nog eens door zou ik zeggen..

[Verwijderd]

<input type="reset" name="Reset" value="Reset">

[Verwijderd]

Is inderdaad een mogelijkheid, maar het moet automatisch gebeuren als er een andere functie uitgevoerd is.

Denk bijvoorbeeld aan onder een bepaalde omstandigheid de achtergrondkleur van een tabelrij aan passen:

code:

function refreshRows(){
for(i=0;i<document.getElementsByTagName("td").length;i++) 
document.getElementsByTagName("td")[i].bgColor = 'white'; 
}

Zoiets, maar dan dus om de textboxes leeg te maken!

Overigens worden met een resetknop ook al mn textarea's leeggemaakt en dat is dus niet de bedoeling!

[ Voor 16% gewijzigd door Verwijderd op 06-01-2003 15:17 ]

[Pelle]

Verwijderd schreef op 06 January 2003 @ 15:14:
<input type="reset" name="Reset" value="Reset">

Zucht.. [rml]Pelle in "[ JS]Textboxes leegmaken"[/rml] geldt ook voor jou.

[Verwijderd]

untested:

JavaScript:

coll = document.getElementsByTagName("input");
for(i=0; i<coll.length; i++){
  coll[i].value = "";
}

zoiets moet het zijn, succes

[ Voor 11% gewijzigd door Verwijderd op 06-01-2003 16:06 ]

[crisp]

Verwijderd schreef op 06 January 2003 @ 16:05:
untested:

JavaScript:

coll = document.getElementsByTagName("input");
for(i=0; i<coll.length; i++){
  coll[i].value = "";
}

zoiets moet het zijn, succes

Je vergeet:

JavaScript:

if (coll[i].type == 'text')

Anyway; hier is een alternatief:

HTML:

<input type="text" size="2" name="val_row[]" readonly>
<input type="text" size="2" name="val_row[]" readonly>
<input type="text" size="2" name="val_row[]" readonly>
<input type="text" size="2" name="val_row[]" readonly>
<input type="text" size="2" name="val_row[]" readonly>

JavaScript:

var coll = document.forms['formulier'].elements['val_row[]'];
for(i=0; i<coll.length; i++) {
  coll[i].value = '';
}

nu kan je ook text-velden gebruiken die niet gecleared moeten worden

[Verwijderd]

K, daar heb ik wat aan!!

Th@nx!!!!