Thread Mit Javascript Zeilen in einer Tabelle hinzufügen (12 answers)
Opened by Kuerbis at 2011-08-26 00:22

Kuerbis
 2011-08-26 09:44
#151813 #151813
User since
2011-03-20
947 Artikel
BenutzerIn
[default_avatar]
Habe einen Weg gefunden. Ich weiß aber nicht, ob das Einfügen der INPUT-Elemente als String so üblich ist.

Code (html): (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

<!DOCTYPE HTML>
<html>
<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 td1 = document.createElement( "td" );
                        var td2 = document.createElement( "td" );
                        var td3 = document.createElement( "td" );
                        td1.innerHTML = '<input type="number" name="menge" />';
                        td2.innerHTML = '<input type="text" name="bezeichnung" />';
                        td3.innerHTML = '<input type="text" name="euro_stueck" />';
                        tr.appendChild( td1 );
                        tr.appendChild( td2 );
                        tr.appendChild( td3 );
                }
        </script>
</head>

<body>
<form>
        <br /><br />
        <table id="t1" border="1">
                <tr><th>Menge</th><th>Bezeichnung</th><th>Euro/Stück</th></tr>
                <tr>
                        <td><input type="number" name="menge" /></td>
                        <td><input type="text"   name="bezeichnung" /></td>
                        <td><input type="text"   name="euro_stueck" /></td>
                </tr>
        </table>
        <br /><br />
        <input type="button" value="Eintrag hinzufügen" onclick="ad_row()" />
        <br /><br />
        <br /><input type="submit" value="OK"/>
</form>
</body>
</html>

View full thread Mit Javascript Zeilen in einer Tabelle hinzufügen