Création de ligne d'un tableay dynamiquement
Bonjour, je cherche à créer dynamiquement des lignes d'un tableau et de pouvoir les supprimer tout aussi dynamiquement.
J'ai essayé avec le code suivant mais rien ne se passe, y a t il un problème dans mon code ?
Code:
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
|
<script type="text/javascript">
var rangee = 1 ;
function AddRow(){
var matable = document.getElementById("table_taille");
var ligne = document.createElement("tr");
var TD1 = document.createElement("td");
TD1.innerHTML='<input type="texte" name="taille[]">';
var TD2 = document.createElement("td");
TD2.innerHTML='<input type="texte" name="tarif[]"> ';
var TD3 = document.createElement("td");
TD3.innerHTML ='<a href="javascript:DeleteRow('+rangee+');">Supprimer<a>';
ligne.appendChild(TD1);
ligne.appendChild(TD2);
ligne.appendChild(TD3);
ligne.id = "ligne_"+rangee;
matable.appendChild(ligne);
rangee += 1 ;
}
function DeleteRow(rangee)
{
var maligne = document.getElementById("ligne_"+rangee) ;
maligne.parentNode.removeChild(maligne);
}
</script>
<table id="table_taille" style="width:500px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width:200px">Taille</td>
<td style="width:200px">Tarif</td>
<td style="width:100px"></td>
</tr>
</table>
<p><a href="javascript:AddRow();">Ajouter une ligne </a> |
Merci d'avance
