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