Récupérer valeurs d'une ligne ajoutée automatiquement dans un tableau
Bonsoir à tous;
Je m'excuse avant tt pour les mauvais post car je suis débutante sur le forum et je ne maîtrise pas encore tout.
Je serai ravi d'obtenir de l'aide sur Ajax ou sur javascript car je ne sais exactement où poster mon msg.
En faite jai un formulaire qui se présente ainsi pour faire cout:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13
| <form name="form2" method="post" action="">
<table id="idTable" align="center">
<tr>
<td width="15%">
<textarea name="sizepopulation" id="sizepopulation" rows="1" cols="15" ></textarea>
</td>
<td width="10%">
<input type='button' name='add' value='Add' onclick='insererLigne_Fin()'/>
</td>
</tr>
</table>
</form> |
Après cela jai créer la fonction insererLigne_Fin() qui se présente comme suit.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| function insererLigne_Fin()
{
var cell, ligne;
// je récupère l'identifiant (id) de la table qui sera modifiée
var tableau = document.getElementById("idTable");
var nbLignes = tableau.rows.length;
ligne = tableau.insertRow(-1); // ici création d'une ligne pour ajout en fin de table
cell = ligne.insertCell(0);
cell.innerHTML = " <textarea name='sizepopulation' id='sizepopulation' rows='1' cols='15' ></textarea>";
cell = ligne.insertCell(1);
cell.innerHTML = " <input type='button' name='add' value='Add' onclick='insererLigne_Fin()' />";
var ch_size = document.getElementById("sizepopulation").value;
alert('Derniere valeur: '+ ch_size);
} |
Jusque là ouaaoooo, tout marche , ma ligne s'ajoute, mon onclick parfait.
Alors vous vous demandez peut être mon probleèm; justement c'est ici que commence mon calvaire:scarymov: 8O
Je veux en effet chaque fois que je clique sur bouton 'Add ' recupérer vleurs saisies dans les différents champs, donc valeur de la ligne courante. Mais mon script ne me retourne que les valeurs de la première ligne du tableau. Je ne sais pourquoi mais c'est comme s'il n'arrive pas à se positionner sur la dernière ligne ajoutée.
SVP AIDEZ MOI JE SOUFFRE DEPUIS DES SEMAINES. Merci d'avance pour votre aide
incrémenter id automatiquement
C'est justement ce que je vien de faire et mon probleme demeure à ce niveau:
Code:
1 2 3
| <td width="15%">
<textarea name="sizepopulation" id="?????" rows="1" cols="15" ></textarea>
</td> |
JE n'arrive pas à affecter la variable déclarée dans la fonction javascript.
Pour être claire voilà ce que jai fait dans ma fonction insererLigne_fin():
Code:
1 2 3
| newVar= "sizepopulation"+nbLignes;
cell = ligne.insertCell(0);
cell.innerHTML = " <textarea name='sizepopulation' id='"+ newVar+"' rows='1' cols='15' ></textarea>"; |
Et maintenant pour recupérer la valeur saisie j'ai modifié le code comme suit:
Code:
1 2
| var ch_size = document.getElementById(newVar).value;
alert('Derniere valeur: '+ ch_size); |
.
ET TOUJOURS RIEN
nbLignes comme variable globale
Je ne comprend pas grand chose à ce dernier message. Pourriez vous être plus précis.
Je vous en prie
Ta methode avec un select
Merci j'ai évolué et à présent je veux savoir s'il est possible d'appliquer aussi ton code aux balises <input> et <select>
SylvainPV, comme j'utilise ta méthode finalement, pourrais tu m'orienter dans ce sens??