DefaultSelected a value pri dynamicky generovaných INPUToch.

1. Návštěvník 7B85201E 2. 11. 2011 09:18

   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.

← Zpět na všechna témata