Bonjour,
j'ai un tableau html
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<table id="tableau">
		<th>Prenom</th>
		<th>Nom</th>
		<th>Situation de famille</th>
		<th>Grade</th>
		<th>Fonction</th>
		<th>Direction</th>
 
 
 
</table>
<input type="button" onclick="ajouteLigne('tableau')" value="Ajouter agent"/>
je crée une ligne avec une cellule select à chaque clique sur le bouton et je veux créer une autre cellule sur la même ligne des que je choisis une valeur sur le champ select

le code JS
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_prenom = ligne.insertCell(0);
	var cell_nom = ligne.insertCell(1);
 
	    var codeHTML_prenom= '<select id="prenom_ag[]" ><option value="-1">Choisir prenom</option>';
		var code_HTML_nom='<input id="test"/>';
	 <?php
	   include('functions.php');
        $bdd_mission_msas=connect();
		$reponse_prenom = $bdd_mission_msas->query('SELECT * FROM  agent');
		 $optionsHTML_prenom="";				
		while ($donnees_prenom = $reponse_prenom->fetch())
{
	$optionsHTML_prenom.='<option value="'.$donnees_prenom ['agent_id'].'">'.$donnees_prenom ['prenom'].'</option>';
}
 
$reponse_prenom->closeCursor();
 
?>
codeHTML_prenom+='<?php echo $optionsHTML_prenom ."</select>"; ?>';
cell_prenom.innerHTML=codeHTML_prenom;
 
 
document.getElementById('prenom_ag[]').addEventListener('change', function(e){
	cell_nom.innerHTML=code_HTML_nom;
 
 
}
 // ici le code lorsque le prénom change
);
 
}
 
 
 
 
 
        $( window ).load( function(){
 
        });
 
 
 
 
    </script>
Le problème est que l’événement ne se déclenche que sur la première ligne?
Comment faire pour qu'il se déclenche à chaque ligne?