Insérer une requête php dans une fonction javascript qui génère des lignes

Version imprimable

Bonjour,
J'ai une fonction Javascript qui reçoit l'id d'un tableau html et crée une nouvelle ligne à chaque fois q'un bouton est clique;
mais je veux que la cellule créée soit un champ <select> qui a comme valeurs une liste de donnes provenant d'un champ de table de base de données.
voici la fonction JS
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 function ajouteLigne(tableID) { var table = document.getElementById(tableID); var ligne = table.insertRow(-1); var rowNumber = table.childNodes.length; var cell_nom = ligne.insertCell(0); oldiner=cell_nom.innerHTML; cell_nom.innerHTML += '<select id="nom[]"><option value="-1">Aucune direction</option>'; <?php include('functions.php'); $bdd_mission_msas=connect(); $reponse_direct = $bdd_mission_msas->query('SELECT * FROM agent'); while ($donnees_sitfamille = $reponse_direct->fetch()) { echo '<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>'; } $reponse_direct->closeCursor(); ?> cell_nom.innerHTML +='</select>'; cell_nom.innerHTML=oldiner; }
Mais il me signale l'erreur Unexpected token '<', je sais pas si la manière dont j'ai inséré le php dans le javascrip s'est bien passe?

Tu mélanges js et php de façon scabreuse

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
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_nom = ligne.insertCell(0);
    oldiner=cell_nom.innerHTML;	
 
codeHTML= '<select id="nom[]"><option value="-1">Aucune direction</option>';
<?php
     include('functions.php');
     $bdd_mission_msas=connect();
     $reponse_direct = $bdd_mission_msas->query('SELECT * FROM  agent');
     $optionsHTML="";
      while ($donnees_sitfamille = $reponse_direct->fetch())
  { 
       $optionsHTML.='<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>';
}
 
$reponse_direct->closeCursor();
 
?>
codeHTML+='<?php echo $optionsHTML ."</select>"; ?>';
 
cell_nom.innerHTML=codeHTML;
}

26/11/2019, 15h03
Invité

Bonjour,

Ou tu peux faire comme tu l'avais commencé dans ton autre discussion : via Ajax.
26/11/2019, 15h49
madinadiouf

Bonjour,

Merci c'est resolu
26/11/2019, 16h00
Invité

C'est un forum d'entraide.

Donc, MONTRE comment tu as fait.
Ça peut servir à d'autres.

Bonjour,
voici le

Code:

1
2
3
4
5
6
7
8
9
<table id="tableau">
		<th>Nom</th>
		<th>Prenom</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"/>

Voici le code Javascript : les cellules contiennent des champs select, liste de valeurs provenant de table de base de données

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
function ajouteLigne(tableID)
{
	var table = document.getElementById(tableID);
	var ligne = table.insertRow(-1);
    var rowNumber = table.childNodes.length;
    var cell_nom = ligne.insertCell(0);
	var cell_prenom = ligne.insertCell(1);
	var cell_sitfamille = ligne.insertCell(2);
	var cell_grade = ligne.insertCell(3);
	var cell_fonction = ligne.insertCell(4);
	var cell_direction = ligne.insertCell(5);
 
	    var codeHTML= '<select id="nom_ag[]"><option value="-1">Choisir nom</option>';
		 var codeHTML_prenom= '<select id="prenom_ag[]"><option value="-1">Choisir prenom</option>';
		 var codeHTML_sitfamil= '<select id="sitfamille_ag[]"><option value="-1">Choisir situation famille</option>';
		  var codeHTML_grade= '<select id="grade_ag[]"><option value="-1">Choisir grade</option>';
		   var codeHTML_direct= '<select id="direction_ag[]"><option value="-1">Choisir direction</option>';
	 <?php
	   include('functions.php');
        $bdd_mission_msas=connect();
		$reponse_direct = $bdd_mission_msas->query('SELECT * FROM  agent');
		 $optionsHTML="";				
		while ($donnees_sitfamille = $reponse_direct->fetch())
{
	$optionsHTML.='<option value="'.$donnees_sitfamille ['agent_id'].'">'.$donnees_sitfamille ['nom'].'</option>';
}
 
$reponse_direct->closeCursor();
 
?>
codeHTML+='<?php echo $optionsHTML ."</select>"; ?>';
<?php
	   	$reponse_prenom = $bdd_mission_msas->query('SELECT * FROM  agent');
		 $optionsHTML="";				
		while ($donnees_prenom = $reponse_prenom->fetch())
{
	$optionsHTML_prenom.='<option value="'.$donnees_prenom ['agent_id'].'">'.$donnees_prenom ['nom'].'</option>';
}
 
$reponse_prenom->closeCursor();
 
?>
codeHTML_prenom+='<?php echo $optionsHTML_prenom ."</select>"; ?>';
<?php
	   	$reponse_sitfam = $bdd_mission_msas->query('SELECT * FROM  situation_famille');
		 $optionsHTML_sitfam="";				
		while ($donnees_sitfamille = $reponse_sitfam->fetch())
{
	$optionsHTML_sitfam.='<option value="'.$donnees_sitfamille ['sitfamille_id'].'">'.$donnees_sitfamille ['siuationfamille'].'</option>';
}
 
$reponse_sitfam->closeCursor();
 
?>
codeHTML_sitfamil+='<?php echo $optionsHTML_sitfam ."</select>"; ?>';
cell_nom.innerHTML=codeHTML;
	 cell_prenom.innerHTML = codeHTML_prenom;
	 cell_sitfamille.innerHTML = codeHTML_sitfamil;
	 cell_grade.innerHTML = '<input type="text" name="grade[]"/>';
	 cell_fonction.innerHTML = '<input type="text" name="fonction[]"/>';
	 cell_direction.innerHTML = '<input type="text" name="direction[]"/>';
}