Supprimer une ligne dans un formulaire

Bonjour,

Il est sans doute évident pour beaucoup :oops: de supprimer la dernière ligne saisie d'un formulaire (de type : "Bon de commande") grâce à un bouton unique, mais je n'y arrive pas.

J'utilise du PHP et du Javascript.

Mes lignes sont constituées de zones du genre :
'article_' +i

Merci d'avance

Il faudrait que l'on sache comment est créé ton bon de commande

Le code qui ajoute une ligne au bon de commande

Est-ce le code qui manque ?

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
36
37
38
39
/**
 * Add a line to command an article
 */
function addArticle()
{
    table = document.getElementById('command');
 
    var new_tr = document.createElement('tr');
    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');
    var td6    = document.createElement('td');
    var td7    = document.createElement('td');
    var td8    = document.createElement('td');
    td1.innerHTML = '<input type="text" name="client[]" style="width: 180px;" id="client_' + gl_nb + '" />';
    td2.innerHTML = '<input type="text" name="article[]" style="width: 80px;" onChange="this.value=this.value.toUpperCase() , checkArticle(this.value, this, ' + gl_nb + ');" />';
    td3.innerHTML = '<div id="div_name_' + gl_nb + '">&nbsp;</div><input type="hidden" name="artname[]" style="width: 330px;" id="name_' + gl_nb + '" value="" />';
    td4.innerHTML = '<select name="taille[]" id="taille_' + gl_nb + '" disabled="true"><option>Choisissez d\'abord un article</option></select>';
    td5.innerHTML = '<input type="text" name="alivrer[]" id="alivrer_' + gl_nb + '" style="width: 50px;" value="0" onChange="updateTotalValue(' + gl_nb + ');" />';
    td6.innerHTML = '<input type="text" name="stock[]" id="stock_' + gl_nb + '" style="width: 50px;" value="0" onChange="updateTotalValue(' + gl_nb + ');" />';
    td7.innerHTML = '<div style="text-align: center;" id="div_prix_' + gl_nb + '">&nbsp;</div><input type="hidden" id="prix_' + gl_nb + '" name="prix[]"  style="width: 50px;" value="" />';
    td7.innerHTML += '<input type="hidden" id="prix_ach_' + gl_nb + '" name="prixach[]" value="" />';
    td8.innerHTML = '<div style="text-align: center;" id="div_total_' + gl_nb + '">&nbsp;</div><input type="hidden" id="total_' + gl_nb + '" name="total[]" style="width: 50px;" value="" />';
    new_tr.appendChild(td1);
    new_tr.appendChild(td2);
    new_tr.appendChild(td3);
    new_tr.appendChild(td4);
    new_tr.appendChild(td5);
    new_tr.appendChild(td6);
    new_tr.appendChild(td7);
    new_tr.appendChild(td8);
    table.appendChild(new_tr);
 
    document.getElementById('client_' + gl_nb).focus();
 
    gl_nb++;
}

:?