Bonjour

J'ai un tableau html avec dansw chaque ligne une liste déroulante.
Maintenant a l'aide d'un bouton je décide d'ajouter des lignes qui comporteront la mémé liste déroulante.
voici le 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
<table align="center" id="idtabaert">
<caption>Les articles</caption>
 <tr>
	  <td><select name="facture_article" id="facture_article">
	       <?php
        $reponse = $bdd_facture->query('SELECT Designation FROM articles');
 
        while ($donnees = $reponse->fetch())
{
        echo '<option value="'.$donnees['Designation'].'">'.$donnees['Designation'].'</option>';
 
                                                           
}
 
$reponse->closeCursor();                                           
               
 
?>
 
</select>
</td>
 </tr>
</table>
Maintenant voila la fonction Javascript qui ajoute des lignes déclenché par un evenement click sur un bouton

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
function ajouterLigne()
   {
  var tableau = document.getElementById("idtabaert");
    var ligne = tableau.insertRow(-1);
   var colonne1 = ligne.insertCell(0);
    colonne1.innerHTML =    '   ' ;    //  Je veux mettre ici la même liste déroulante (<select name="facture_article" id="facture_article">) c'est a dire le contenu html et son chargement qu'il y a en haut


    
	
	
	   }
Comment réaliser cela ?

Cordialement