Identifier de fa�on unique des champs HTML contenus dans un un tableau HTML

**serigne** · 29/03/2016, 14h30

Bonjour,

J'ai un tableau HTML avec pour chaque ligne des colonnes contenant des champs input et une colonne contenant un bouton modifier.
voici mon code

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
<html>
<head>
 <meta charset="utf-8" />
<link rel="stylesheet" href="maintenance_css.css" />
  <title>Maintenance CHNMFT</title>
  </head>
 <body>
<table align="center" id="idtabaert">
<caption>Les articles</caption>
<?php
include('functions.php');
 $bdd_MCHNMFT=connect();
$reponse = $bdd_MCHNMFT->query('SELECT * FROM  services');
while ($donnees = $reponse->fetch())
{
        echo $libellepanne=$donnees['libelle_panne'] ;
        echo $serviceid=$donnees['service_id'] ;
 
$reponse->closeCursor();
 
?>
 <tr>
<td> <label for="libelle_panne">libelle panne :</label><input type="text" id="libelle_panne" value="<?php $libellepanne ?>" /></td>
<td> <label for="service_id">Service demandeur :</label><input type="text" id="service_id" value="<?php $serviceid ?>"/></td>
<td><input type="button" id="modif" value="modifier" /></td>
 </tr>
 <?php
}
 ?>
</table>
</body>
</html>

Je voudrais en cliquant sur le bouton Modifier d'une ligne que je puisse avoir la valeur du champ input libelle_panne situ�e sur la m�me ligne. Et pour cela ,il faut
que je puisse identifier de fa�on unique la propri�t� id HTML de chaque champ dans une colonne de chaque ligne, ce que je n'arrive pas a faire.
C'est a dire ici je veux envoyer la valeur du champ libelle_panne.
Comment l'identifier de fa�on unique pour pouvoir envoyer seulement la valeur du champ libelle_panne situ�e sur la m�me ligne que le bouton modifier clique par l'utilisateur ?

Je voudrais solliciter votre intervention.

Cordialement

**SpaceFrog** · 29/03/2016, 14h55

un id doit �tre unique sur la page ...
vu que tu construis le tableau en bouclant avec php ... incr�mente tes id dans la boucle ...

**serigne** · 29/03/2016, 15h05

Bonjour et merci pour la reactivite

Ok et si je l�incr�mente comment l'affecter aux propri�t�s id en html ?

**SpaceFrog** · 29/03/2016, 15h09

colle leur tous la m�me classe ... et attaque les avec getElementsByClassName.

Cela se fais tr�s facilement avec Jquery et du coup m�me avec un selecteur sur les id (commence par ...)

**serigne** · 29/03/2016, 15h51

Bonjour,

Je comprends bien ce que vous voulez dire mais il doit exister un proc�d� par le quel on concat�n� une cha�ne string avec la variable de boucle pour l'affecter a l'id du champ

et du coup tous les champs d'une m�me ligne auront une m�me variable de boucle concat�n� une cha�ne de caract�re
?

**SpaceFrog** · 29/03/2016, 16h06

rien compris ...

**NoSmoking** · 29/03/2016, 16h07

Bonjour,
dans une structure HTML du type

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<tr>
    <td><label for="libelle_panne">libelle panne :</label><input type="text" id="libelle_panne" value="<?php $libellepanne ?>" /></td>
    <td><label for="service_id">Service demandeur :</label><input type="text" id="service_id" value="<?php $serviceid ?>"/></td>
    <td><input type="button" id="modif" value="modifier" /></td>
 </tr>

Tu n'as pas besoin d'ID, il te suffit � partir de l'<input type="button"> de r�cup�rer le parent de son parent pour retrouver la <tr>.

Ensuite il suffit de r�cup�rer la 1st cellule pour r�cup�rer le premier <input> et la 2nd pour le second <input>.

Identifier de fa�on unique des champs HTML contenus dans un un tableau HTML

JavaScript

Vue hybride

Discussions similaires

Partager

Partager