Keskustelu: Nettisivujen teko: javaScript dynaaminen lomake ongelma

Terve

Mulla on ns. dynaaminen-lomake mihin täytetään tietoja: Auto-kerhon tietolomake.
Kyseessä on seuraavanlainen ongelma: Olen tehnyt lomakkeeseen täyttökohdan johon laitetaan auton tiedot ja kun tulee useampi auto, lomaketta voidaan suurentaa painamalla lisää-nappia, niin saadaan enemmän kenttiä autoille, eli javaScript kopioi edelliset kentät ja näin laajentaa lomaketta uusille autoille.

Ongelma on siinä, että nämä jo täytetyt tiedot autoista myös kopioituu uusiin kenttiin, miten saisin kentät kopioitumaan tyhjänä ettei aiemmin täytettyjä auton tietoja tule näkyviin uusiin kenttiin ?

alla koodia.

<script type="text/javascript">
function addTab(tabId,theBtn){
var newTab = document.getElementById(tabId).cloneNode(true);
theBtn.parentNode.insertBefore(newTab,theBtn);
}

</script>

<table id="Ajoneuvot">
<tr>

<td width="400" valign="top">

<ul>

<li>Rekisterinumero <input type="text" size="16" name="rekisterinumero[]"></li>
<li>Käyttöönottovuosi <input type="text" size="16" name="kayttoonottovuosi[]"></li>
<li>Merkki ja malli <input type="text" size="16" name="merkki_ja_malli[]"></li>

</ul>

</td>
</tr>
</table>


<input type="button" value="Lisää uusi ajoneuvo" onClick="addTab('Ajoneuvot',this)">

Mod. huom: HTML-koodille HTML-kooditagi.

Jos kaikki kentät ovat vain tekstikenttiä, pärjännet näin helpolla:

var arr = newTab.getElementsByTagName("input");
for (var i = 0; i < arr.length; ++i) {
  arr[i].value = "";
}

Kiitos

Toi korjas ongelman !