Créer des cellules sur une même ligne de table dans deux fonctions Javascript différentes

Version imprimable

Bonjour,

Sur une fonction d'ajout de lignes, je crée une nouvelle ligne, une première cellule, puis à la suite d'un événement onchange() sur la premiere cellule, je souhaite créer d'autre cellule.
Voici le code de la première fonction
Code:

1 2 3 4 5 6 7 8 9 function ajouteLigne(tableID) { var table = document.getElementById(tableID); const oLigne= table.insertRow(-1); const cellservice_agent = oLigne.insertCell(0); var rowNumber = table.childNodes.length; var codeHTML_service= '<select name="service_ag[]" onchange="charger_agent_service();" ><option value="-1">Choisir service</option>'; }
Et sur charger_agent_service(), je souhaite recréer sur la même ligne de table précédemment vu sur la fonction ajouteLigne() deux nouvelles cellules comme
cellservice_agent

Mon problème est quels paramètres passer à la fonction charger_agent_service() ?

15/01/2020, 19h06
javatwister

- je ne comprends pas du tout ta ligne 8.
- C'est pas la peine d'insérer du contenu dom proprement et de traiter après un select comme une chaîne... qui se trouve d'ailleurs on ne sait où dans ton document.

Bonjour,

Merci de la réponse.
j'ai fais ceci

Code:

1
2
 
  var codeHTML_service= '<select name="service_ag[]" onchange="charger_agent_service(this,\''+tableID+'\');" ><option value="-1">Choisir service</option>';

et la fonction charger_agent_service() comme ceci

Code:

1
2
3
4
5
6
7
 
function charger_agent_service(elment,tableID)
{
var table = document.getElementById (tableID);
 var currentRow = table.rows[elment.parentNode.parentNode.rowIndex];
 const cellPrenom = currentRow.insertCell (1);
}

16/01/2020, 13h02
javatwister

Donc, ton select se trouve dans chaque ligne de tableau;

Mais où puisque tu ne l'insères pas, dans le code que tu montres?
Quand comptes-tu refermer ton select?
Un select avec une seule option... est-ce bien raisonnable?

Bonjour,

Non c'est moi qui l'avait pas inséré dans le code mais voici le code du select

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 var codeHTML_service= '<select name="service_ag[]" onchange="charger_agent_service(this,\''+tableID+'\');" ><option value="-1">Choisir service</option>';
 <?php
  include('functions.php');
 $bdd_mission_msas=connect();
$reponse_service_ag = $bdd_mission_msas->query('SELECT * FROM  services');
 $optionsHTML_service_agt="";				
while ($donnees_service_agt = $reponse_service_ag->fetch())
{
	$optionsHTML_service_agt.='<option value="'.$donnees_service_agt ['service_id'].'">'.$donnees_service_agt ['nom_service'].'</option>';
}
 
$reponse_service_ag->closeCursor();
 
?>
codeHTML_service+='<?php echo $optionsHTML_service_agt ."</select>"; ?>';
cellservice_agent.innerHTML=codeHTML_service;