Dynmisch erstellen von Tables mit Dynamischen inout Feld

madirfan

Erfahrenes Mitglied
Hallo Leute,

ich hab ein Scipt wo ich dynamisch tabellen erstellen:

JS:
Javascript:
function addRow(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    if(rowCount < 20){                            // limit the user from creating fields more than your limits
        var row = table.insertRow(rowCount);
        var colCount = table.rows[0].cells.length;
        for(var i=0; i<colCount; i++) {
            var newcell = row.insertCell(i);
            newcell.innerHTML = table.rows[0].cells[i].innerHTML;
        }
    }else{
        alert("Maximum 20 Spieler können hinzugefügt werden");
             
    }
}
FORM:
HTML:
                <p> 
                    <input type="button" value="Spieler hinzufügen" onClick="addRow('dataTable')" /> 
                    <input type="button" value="Spieler löschen" onClick="deleteRow('dataTable')"  /> 
                    <p>(All acions apply only to entries with check marked check boxes only.)</p>
                </p>

               <table id="dataTable" class="form" border="1">
                  <tbody>
                    <tr>
                      <p>
                        <td><input type="checkbox" required="required" name="chk[]" checked="checked" /></td>
                        <td>
                            <label for="BX_SNR"><b>Spieler Nummer</b></label>
                            <input type="text" required="required" name="BX_SNR[]" id="BX_SNR" onchange="updatesum();"/>
                        </td>
                        <td>
                            <label for="BX_SSIZE">Trikot*</label>
                            <input type="text" required="required" name="BX_SSIZE[]" id="BX_SSIZE" onchange="updatesum();"/>
                        </td>
                        <td>
                            <label><b>Spieler Name *</b></label>
                            <input type="text" name="BX_SNAME[]" id="BX_SNAME" onchange="updatesum();"/>
                        </td>
                        </p>
                    </tr>
                    </tbody>
                </table>

Was ich gern machen möchte:
Ich würd gern im input Feld die "id=" counten.
HEISST:
Wenn ich 3mal auf den Button "Spieler hinzufügen" klick, werden 3mal 3 neue input felder erstellt.
Jedes Inout feld sollte "id=##1" ,"id=##2", "id=##3" etc haben.. also hochzählen..

Was müsste ich da machen?
 
Zuletzt bearbeitet von einem Moderator:
Einem "Erfahrenen Mitglied" (reg. seit 2008) sollte das Handling zur Quellcode-Präsentation aber auch hinlänglich bekannt sein.
 

Neue Beiträge

Zurück