DefaultSelected a value pri dynamicky generovaných INPUToch.

Zdravím,

Používam na stránke možnosť pridať ďalší záznam pri stlačení JavaScriptového tlačidla. Vygeneruje sa riadok, ktorý zdedí vlastnosti toho základného riadku, ktorý je zapísaný priamo v HTML kóde. Problém je však v tom, že pokiaľ v tom prvom sa nastaví defaultná hodnota aktuálneho dátumu (jedná sa o dve selectboxy deň/mesiac a jeden textový input rok), utých ďalších JavaScriptom generovaných riadkov už defaultné nastavenie nefunguje - zobrazí sa 1.1, rok v INPUTe ostane nevyplnený.

function add_row() {

var table = document.getElementById("tabulka");

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var TRattr=document.createAttribute('class');
TRattr.nodeValue='form_row';
row.setAttributeNode(TRattr);

var colCount = table.rows[0].cells.length;

for(var i=0; i<colCount; i++) {

var newcell = row.insertCell(i);

if (i==3 || i==4) {

var TDattr=document.createAttribute('style');
TDattr.nodeValue='padding-left:20px;';
newcell.setAttributeNode(TDattr);

}

newcell.innerHTML = table.rows[0].cells[i].innerHTML;

switch(newcell.childNodes[0].type) {

case "text":

newcell.childNodes[0].value ="2011";
break;

case "checkbox":

newcell.childNodes[0].checked = false;
break;

case "select-one":

newcell.childNodes[0].selectedIndex = 3;
break;

}

}

}

Fragment HTML kódu:


<script type="text/javascript" src="script/add.js"></script>

<div>

<form method='POST' name='newrecord'>

<div class="scrl">

<table width='880' cellpadding='2' cellspacing='0' rules='none' class='addrecord_table'>

<col width='20%'>
<col width='10%'>
<col width='40%'>
<col width='12%'>
<col width='12%'>
<col width='5%'>
<col width='1%'>

<thead>

<tr class='button_row'>

<td colspan='7' style='text-align:center;'>
<input type='button' value='Ďalší záznam' class='snd' name='add' onClick='add_row();'>
<input type='button' value='Odoslať' class='snd' name='send' onClick='num_records();'>
<input type='button' value='Zmazať označené riadky' class='snd' name='del' onClick="deleteRow('tabulka');">
</td>

</tr>

<tr class='head'>

<td style='text-align:left;'>
Dátum
</td>

<td>
ID
</td>

<td style='text-align:left;'>
Popis
</td>

<td style='text-align:left;'>
Čas do konca
</td>

<td style='text-align:left;'>
Čas na tasku
</td>

<td style='text-align:left;'>
%
</td>

<td style='text-align:left;'>
DEL
</td>

</tr>

</thead>

<tfoot>



</tfoot>

<tbody id='tabulka'>

<tr class='form_row'>

<td style='clear:left;'>

<select name='day'>
<option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option>
<option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option>
<option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option>
<option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option>
<option value='17'>17</option><option value='18'>18</option><option value='19'>19</option><option value='20'>20</option>
<option value='21'>21</option><option value='22'>22</option><option value='23'>23</option><option value='24'>24</option>
<option value='25'>25</option><option value='26'>26</option><option value='27'>27</option><option value='28'>28</option>
<option value='29'>29</option><option value='30'>30</option><option value='31'>31</option>
</select>

<select name='month'>
<option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option>
<option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option>
<option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option>
</select>

<input type='text' size='4' name='year' maxlength='4' class='txt'>

</td>

<td style='clear:left;'>
<input type='text' size='7' name='id' maxlength='7' class='txt'>
</td>

<td style='clear:left;'>
<input type='text' size='55' name='content' maxlength='400' class='txt'>
</td>

<td style='padding-left:20px;'>
<input type='text' size='4' name='finish_time' maxlength='4' class='txt'>
</td>

<td style='padding-left:20px;'>
<input type='text' size='4' name='day_time' maxlength='4' class='txt'>
</td>

<td>
<input type='text' size='3' name='ratio' maxlength='3' class='txt'>
</td>

<td>
<input type='checkbox' name='chk' class='txt'>
</td>

</tr>

</tbody>

</table>

</form>

Ak to tu bude neprehľadné, môžem poslať komplet celý kód e-mailom.