Problème de saisie dans un tableau avec ForEach

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

Je veux saisir dans les lignes d"un tableau. Je constate que la saisie sur la première ligne marche parfaitement, mais pas les autres lignes. De plus, même si je commence par une autre ligne qui n'est pas la première, les actions sont répercutées sur la première, comme si c'est la seule ligne qui existait.

Voici une image de mon écran, suivi de mon code JSP.
Pièce jointe 498510

le code JSP

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
 
<c:forEach items="${lps}" var="ps" >
     <tr>
     	<td height="41" align="center">
         	<a href="RetirerParcelle?param1=${ps.refparcelle} +&param2=${pdv.refpv}"> 
        		<img src="images/moins.png" width="40" height="20" title="Retirer une parcelle"></a>
        </td>
        <td><c:out value="${ps.numparcelle }" /></td>
        <td><c:out value="${ps.surface }" /></td>
        <td><c:out value="${ps.nomusage }" /></td>
        <td><c:out value="${ps.positionparcelle }" /></td>
        <td><fmt:formatNumber value="${ps.prixbase}" pattern="###, ###"/></td>
        <td><c:out value="${ps.nomlot }" /></td>
        <td><input type="checkbox" name="refparcelles" value="${ps.refparcelle}" /></td>
        <td>
        	<select name="refde" id="refde" Onchange="afficher_montantde()">
                	<option value="#">Choisir un DE</option>
        		<c:forEach items="${lde}" var="de">
        			<option value="${de.refde}">${de.refde} (${de.montantde})</option>
        		</c:forEach>
        	</select>
        </td>
        <td><input type="text" name="montantde" id="montantde" value="" /></td>
        <td><input type="date" name="dateadj" id="dateadj" /></td>
        <td><input type="text" name="prixadj" id="prixadj"  Onchange="calculer_reliquat()" /></td>
        <td><input type="text" name="reliquat" id="reliquat" value=""/></td>
    </tr>
</c:forEach>

Meric d'avance pour votre assistance.

Salut,

Un id d'éléments doit être unique en html :
Code:

1 2 3 4 <td><input type="text" name="montantde" id="montantde" value="" /></td> <td><input type="date" name="dateadj" id="dateadj" /></td> <td><input type="text" name="prixadj" id="prixadj" Onchange="calculer_reliquat()" /></td> <td><input type="text" name="reliquat" id="reliquat" value=""/></td>
Tous ces inputs se répètent pour chaque ligne, mais chacun a un même id que les autres champs correspondants dans les autres lignes. Il y a fort à parier que le premier champ qui a le même id est considéré tandis que les autres sont ignorés...

Il faudrait que tu intègres une partie variable dans l'id (genre par exemple avec variable lineindex incrémentée pour chaque ligne avecid="montantde_${lineindex}" ou une information de ton "ps" qui pourrait être unique (genre ${ps.id}).

Attention au nom également, s'il n'est pas unique : en jsp/java, tu va soumettre une requête avec un paramètre multivalué (comme si tu faisais http://truc/bidule?param=val1&param=val2&param=val3...), qu'il te faudra traiter comme tel dans la servlet (utilisant getParameterValues(name) au lieu de getParameter(name)), ou alors prévoir de soumettre ligne à ligne avec un form pour chaque ligne, ou un bouton + ajax faisant le regroupement

20/08/2019, 20h36
demcoul

Merci, je teste et je vous fais le retour.

Après le test, voici les résultats obtenus :
1. un nouveau problème, car le montant DE ne s'affiche plus,
2. je constate que toujours c'est le contenu de la première ligne qui est activé, car un alert(text) de la liste donne toujours le contenu de la première ligne.

Voici mon code JSP

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
<c:forEach items="${lps}" var="ps" varStatus="vs">
     		lineindex = <c:out value="${vs.count}"/> :
     		<tr>
        		<td height="41" align="center">
        		<a href="RetirerParcelle?param1=${ps.refparcelle} +&param2=${pdv.refpv}"> 
        		<img src="images/moins.png" width="40" height="20" title="Retirer une parcelle"></a>
        		</td>
        		<td><c:out value="${ps.numparcelle }" /></td>
        		<td><c:out value="${ps.surface }" /></td>
        		<td><c:out value="${ps.nomusage }" /></td>
        		<td><c:out value="${ps.positionparcelle }" /></td>
        		<td><fmt:formatNumber value="${ps.prixbase}" pattern="###, ###"/></td>
        		<td><c:out value="${ps.nomlot }" /></td>
        		<td><input type="checkbox" name="refparcelles" value="${ps.refparcelle}" /></td>
        		<td>
        			<select name="refde" id="refde" Onchange="afficher_montantde()">
        			<option value="#">Choisir un DE</option>
        		<c:forEach items="${lde}" var="de">
        			<option value="${de.refde}">${de.refde} (${de.montantde})</option>
        		</c:forEach>
        			</select>
        		</td>
        		<td><input type="text" name="montantde_${lineindex }" id="montantde_${lineindex }" value="" /></td>
        		<td><input type="date" name="dateadj" id="dateadj" /></td>
        		<td><input type="text" name="prixadj" id="prixadj"  Onchange="calculer_reliquat()" /></td>
        		<td><input type="text" name="reliquat" id="reliquat" value=""/></td>
      		</tr>
		</c:forEach>

et le script JS qui assure les traitements dans le navigateur

Code:

1
2
3
4
5
6
7
8
9
10
          function afficher_montantde(){
		select = document.getElementById("refde");
		choice = select.selectedIndex;
		texte = select.options[choice].text;
		alert(texte);
		var reg=new RegExp("[()]+", "g");
		textmontde=texte.split(reg);
		varmontde=textmontde[1];
		return document.getElementById("montantde_${lineindex}").value=varmontde;
	}

Merci encore pour votre aide.

Citation:

Envoyé par demcoul

1. un nouveau problème, car le montant DE ne s'affiche plus,

C'est à cause de

Code:

document.getElementById("montantde_${lineindex}")

dans afficher_montantde(). Le remplacement est fait à l'exécution de la jsp, donc pas du tout avec une valeur qui correspond à la ligne courante où l'appel est fait côté client. Il faut dans ce cas passer la valeur en paramètre :
Code:

1 2 3 4 5 6 7 8 9 10 function afficher_montantde(ligneindex){ select = document.getElementById("refde"); choice = select.selectedIndex; texte = select.options[choice].text; alert(texte); var reg=new RegExp("[()]+", "g"); textmontde=texte.split(reg); varmontde=textmontde[1]; return document.getElementById("montantde_"+ligneindex).value=varmontde; }
et c'est dans l'appel que tu utilises la variable el :

Code:

<select name="refde" id="refde" Onchange="afficher_montantde(${lineindex})">

Citation:

Envoyé par demcoul

2. je constate que toujours c'est le contenu de la première ligne qui est activé, car un alert(text) de la liste donne toujours le contenu de la première ligne.

le problème est toujours un problème d'id non unique : refde. Tu dois également "indexer" cet id, puisqu'il y a un select par ligne.

Code:

<select name="refde" id="refde_${lineindex}" Onchange="afficher_montantde(${lineindex})">

et
Code:

1 2 3 4 5 6 7 8 9 10 function afficher_montantde(ligneindex){ select = document.getElementById("refde_"+ligneindex); choice = select.selectedIndex; texte = select.options[choice].text; alert(texte); var reg=new RegExp("[()]+", "g"); textmontde=texte.split(reg); varmontde=textmontde[1]; return document.getElementById("montantde_"+ligneindex).value=varmontde; }

21/08/2019, 18h55
demcoul

Merci, ça marche!!