Snippet Name: Afegeixi més camps de forma
Descripció: Dinàmicament afegeixi camps de forma a les seves formes.
Comentari: (cap)
Llengua: JAVASCRIPT
Subratlli Mode: JAVASCRIPT
Finalment Modificava: 27 de febrer, de 2009
|
<!DOCTYPE html PÚBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN "<html xmlns="http://www.w3.org/1999/xhtml de http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xml:lang="en" lang="en"> <head> <link href="/style.css" rel="stylesheet" type="text/css" /FUNCIÓ de fields</title> <script type="text/javascript"> de forma de > <title>More addRowToTable() { VAR tbl = document.getElementById('tblAddress ');
VAR lastRow = tbl.rows.length;
// si no hi ha cap baralla d'encapçalament a la taula, llavors iteració de = lastRow + 1 VAR d'iteració = lastRow;
// iteració de var = lastRow + 1;
Baralla de VAR = tbl.insertRow(lastRow);
// cèl·lula 0 VAR cell0 = row.insertCell(0);
VAR el = document.createElement('input');
el.type = 'text';
el.NAME = 'Address[];
el.size = 30;
cell0.appendChild(el);
//cèl·lula 1 VAR cell1 = row.insertCell(1);
VAR el = document.createElement('input');
el.type = 'text';
el.NAME = 'City[];
el.size = 10;
cell1.appendChild(el);
//cèl·lula 2 VAR cell2 = row.insertCell(2);
VAR el = document.createElement('input');
el.type = 'text';
el.NAME = 'State[];
el.size = 2;
cell2.appendChild(el);
//cèl·lula 3 VAR cell3 = row.insertCell(3);
VAR el = document.createElement('input');
el.type = 'text';
el.NAME = 'Zip[];
el.size = 5;
cell3.appendChild(el);
} que </script> </head> <body> <h3>Dynamic afegeix forma fields</h3> <br /><br /> <form action="Untitled-2.php" name="h method="post"> <table id="tblAddress"> <tr> <td class="txtBase">Address</td> <td class="txtBase">City</td> <td class="txtBase">State</td> <td class="txtBase">Zip</td> </tr> <tr> <td><input name="Address["] type="text" size="30 maxlength="255"></td> <td><input name="City["] " type="text" size="10 maxlength="255"></td> <td><input name="State["] " type="text" size="2 maxlength="10"></td> <td><input name="Zip["] " type="text" size="5" maxlength="25"></td> </tr> </table><input type="button" name="Add" value="Add" onClick="addRowToTable();"> <input type="submit" name="Submit" value="Submit"> </form> </body> </html> |
