[tableau dynamique]numéro de ligne

Bonjour,

J'ai un tableau dynamique qui m'ajoute ou me supprime des lignes d'un tableau.
Pour chaque ligne j'ai une liste déroulante d'individu qui lorsqu'elle est modifiée, elle déclenche une requete (javascript). L'objectif de la requete est de récupérer le mail de l'individu selectionné par la liste déroulante. Le problème c'est qu'une fois que j'ai récupérer le mail je n'arrive pas à le restituer dans le champ adéquate car les champs sont en réalité des tableaux "emailRegistrant[]":
l'idée serait de récupérer le numero de la ligne par exemple mais je ne sais pas comment le récupérer.
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 <table width="425" class="dTable"> <thead> <tr> <td height="23"> </td> <td> </td> <td> </td> </tr> <tr> <td width="180" height="23"><div align="left">Registrant name </div></td> <td width="90"><div align="left">Email</div></td> <td width="139"> </td> </tr> </thead> <tfoot> </tfoot> <tbody> <tr> <td><select name="FQDNsRegistrant[]" id="FQDNsRegistrant[]" onChange="defineGroupName('Registrant');getValue(this,'person');"> <option value="0">Registrant</option> <option value="1">mes individues générés en php </option> </select></td> <td><input name="emailRegistrant[]" type="text" id="emailRegistrant[]" size="15" maxlength="50" disabled></td> <td><p><a href="#" onclick="delLigne(this);" >Delete</a></p> <p><a href="#" onclick="addLigne(this);" >Add a line</a></p></td> </tr> </tbody> </table>
merci

sinon, tu peux donner à chacun de tes select et de tes input un id (unique, forcément) et l'identifier par là pour les manipulation JavaScript ;)

pour ajouter une ligne je fais ca, t'as une idée comment y générer l'ID ?
ca me parait pas évident 8O

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
/* ajoute une ligne */
function addLigne(link) {
    // 1. récuperer le node "TABLE" à manipuler
    var td = link.parentNode;
    var table = getParent(td,'TABLE');
 
    // 2. on va manipuler le TBODY
    var tbody = table.tBodies[0];
 
    // 3. on clone la ligne de reference
    var newTr = tbody.rows[0].cloneNode(true);
    tbody.appendChild(newTr);
 
    if ( document.all )  // pour IE
        newTr.style.display = "block";
    else
        newTr.style.display = "table-row"; // pour Gecko
}

si tu as une id générique + numéro :

Code:

var _id = "id_gen_" + tbody.rows.length;

;)

il reste un probleme il me semble moi je copi une ligne je ne gere pas chaque champs de chaque ligne je ne suis pas en mesure de changer l'id d'un champ:(
enfin je ne vois pas comment

getElementsByTagName('tr') peut t'être utile ...

en faite qd on regarde bien il y a une fonction

Code:

1
2
3
4
5
6
7
8
9
/* trouve le tag "parentTagName" parent de "element" */
function getParent(element, parentTagName) {
    if ( ! element )
        return null;
    else if ( element.nodeType == 1 && element.tagName.toLowerCase() == parentTagName.toLowerCase() )
        return element;
    else
        return getParent(element.parentNode, parentTagName);
}

donc je peux faire

Code:

1
2
3
 
var tr = getParent(td, 'TR');//ok
alert(tr.getElementByName("champ4").value);//KO

donc avec ca j'ai le "TR" adequate mais je ne peux pas faire de getElementByName ou getElementById.

savez vous comment a partir d'une variable représentant un TR ou bien un TD on peut recuperer un champ d'on on connais le nom ou l'ID ?