nicht angemeldet
Hallo Leute,
ich habe eine Tabelle, bei der ich durch einen Button eine neue Zeile hinzufüge, jetzt will ich aber dass jede neue Zeile durch Nmmeriert wird.
Bin für jede Hilfe dankbar.
Hier mein bestehender Code
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function ad_row()
{
var table_id = "t1";
var table = document.getElementById( table_id );
var rows = table.getElementsByTagName( "tr" ).length;
var tr = table.insertRow( rows );
var th = document.createElement( "th" );
var td1 = document.createElement( "td" );
var td2 = document.createElement( "td" );
var td3 = document.createElement( "td" );
var td4 = document.createElement( "td" );
var td5 = document.createElement( "td" );
th.innerHTML = '11';
td1.innerHTML = '<input type="text" name="member" />';
td2.innerHTML = '<input type="number" name="rh-level" />';
td3.innerHTML = '<input type="number" name="level" />';
td4.innerHTML = '<input type="number" name="rhl gegner" />';
td5.innerHTML = '<input type="number" name="level gegner" />';
tr.appendChild( th );
tr.appendChild( td1 );
tr.appendChild( td2 );
tr.appendChild( td3 );
tr.appendChild( td4 );
tr.appendChild( td5 );
}
</script>
</head>
<body>
<form>
<br /><br />
<table id="t1" border="1" >
<tr>
<th width="20">Pos.</th><th>Member</th><th>RH-Level</th>
<th>Level</th><th>RH-Level Gegner</th>
<th>Level Gegner</th></tr>
<tr>
<th>1</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>2</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>3</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>4</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>5</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>6</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>7</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>8</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>9</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
<tr>
<th>10</th>
<td><input type="text" name="member" /></td>
<td><input type="number" name="rh-level" /></td>
<td><input type="number" name="level" /></td>
<td><input type="number" name="rhl gegner" /></td>
<td><input type="number" name="level gegner" /></td>
</tr>
</table>
<br /><br />
<input type="button" value="Zeile hinzufügen" onclick="ad_row()" />
<br />
<br /><input type="submit" value="OK"/>
</form>
</body>
Camping_RIDER
Auge
Gunnar Bittersmann