Bonjour,

je suis quelque peu nouveau dans le monde de Jquery et visiblement un peu trop :/

j''ai un formulaire auquel j'ajoute des ligne par un clic sur un bouton :

Code html : 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
<h3>Ajuster le nombre de lignes nécessaire <a class="btn" onclick="Affichage()"><i class="icon-plus"></i></a>  <a class="btn" onclick="Remove()"><i class="icon-minus"></i></a> </h3>
                             <?php $ligne =' <tr>
<td><input  name="Date[]" placeholder="jj/mm" class="span4"></td>
<td><input  name="Motif[]" class="span10">&nbsp;</td>
<td><input  name="Km[]" class="span4" ></td>
<td><select name="Type[]" class="span5">
<option value ="" selected="selected"></option>
<option value="D">Valorisation kms voiture</option>
<option value="E">Transport (SNCF, Taxi, Péage, Parking)</option>
<option value="F">Frais hébregement (Hôtel, Repas)</option>
<option value="G">Autre frais</option>
</select></td>
<td><input name="Montant[]" class="span4"></td>
</tr>';
?>
 
                       <form action="CreaExcel.php" method="post" id="frais">
                 <table class="table">
                    <thead>
                        <th>Date</th>
                        <th>Motif & lieu du deplacement</th>
                       <th>Kms</th>
                       <th>Type de frais</th>
                       <th>Montant</th>
                     </thead>                  
                     <tbody>
                        <?php echo $ligne ?>   
                      </tbody>
                 </table>
                      <button class="btn btn-primary btn-large" type="submit" name="boutton">Valider</button>
                      </form>

Donc là pas de souci le tableau est tout beau cependant si l'utilisateur souhaite supprimer un ligne alors qu'il n'y en a qu'une d'afficher, je n'ai plus rien, forcement. mais je ne peux plus dupliquer la première ligne également ! puisqu'elle n'existe plus.

je stock donc les données nécessaire dans un div invisible :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div style="display: none" id="template"><?php echo $ligne ?></div>

quand j'appelle ma fonction Jquery :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
    function Affichage() {
      $('#frais').find('tbody').append($('#template').html());
 
}

le code se rajoute bien à la suite mais mes <tr> et mes <td> on disparu !!
je me retrouve donc avec une mise en page désastreuse.
si vous avez une idée