Conserver les valeur aprés ajout des input

Résolu/Fermé

btmar Messages postés 4 Date d'inscription dimanche 3 mai 2015 Statut Membre Dernière intervention 28 avril 2016 - Modifié par btmar le 17/02/2016 à 12:43
btmar - 18 févr. 2016 à 10:57

Bonjour,

je travaille sur un projet qui contient une bouton "+" qui ajout des champs texte selon le choix de client,
la fonction d'ajout des input fonctionne bien mais la problème est que lorsque j'ajoute un nouveau champs le contenus des champs précédent s’efface

    
   <script  type="text/javascript">

 var nlignes = 2 ;
  var nomlignes = 1;
 
 function add() {
   nlignes++;
    nomlignes++;
                         
    if (nomlignes < 11) {
                             
 var input = document.getElementById('input');
 input.innerHTML = input.innerHTML + '
<div class="pure-g">
<div class="pure-u-1-4">
<label for="Motif" style="font-family: arial;font-size:12px;"></label>
</div>
<div class="pure-u-2-3">
<input style="width:100%" type="text" class="form-control"  id ="ChemainAcces'+ nomlignes +'"  placeholder="chemin accés n°:'+ nomlignes +'" >
</div>
</div>';

                        }
                              }
  </script>

merci d'avance

A voir également:

Conserver les valeur aprés ajout des input
Formule excel si contient texte alors valeur ✓ - Forum Excel
Ajout perso instagram introuvable ✓ - Forum Instagram
Ajout rapide snap - Forum Snapchat
Ajout rapide snap - Forum Snapchat
Logiciel gratuit calcul valeur nutritionnelle - Télécharger - Santé & Bien-être

1 réponse

Réponse 1 / 1

miramaze Messages postés 1429 Date d'inscription mercredi 29 juillet 2009 Statut Contributeur Dernière intervention 1 mai 2022 92
17 févr. 2016 à 22:18

Salut,

essaye ça (plunkr de demo : https://plnkr.co/edit/AXoJbG7gzk5F1nt01dg9?p=preview&utm_source=legacy&utm_medium=worker&utm_campaign=next :

<!DOCTYPE html>
<html>

<head>
  <script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  <script data-require="bootstrap@*" data-semver="3.3.6" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <link data-require="bootstrap-css@3.3.6" data-semver="3.3.6" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body>
  <script>
    var nlignes = 2;
    var nomlignes = 1;

    function add() {
      nlignes++;
      nomlignes++;

      if (nomlignes < 11) {

        var input = document.getElementById('input')
        var element = document.createElement('div');

        element.innerHTML = '<div class="pure-g">' + '<div class="pure-u-1-4">' + '<label for="Motif" style="font-family: arial;font-size:12px;">' + '</label>' + '</div>' + '<div class="pure-u-2-3">' + '<input style="width:100%" type="text" class="form-control" id="CheminAcces' + nomlignes + '"placeholder="chemin accés n°:' + nomlignes + '">' + '</div></div></div>';

        input.appendChild(element);
      }
    }
  </script>
  <div class="row">
    <h1 class="text-center">Ajouter une ligne</h1>
    <div>
      <button class="btn btn-success" onclick="add();"><span class="glyphicon glyphicon-plus"></span> Ajouter</button>
    </div>

    <div id="input">
    </div>
  </div>
</body>

</html>

btmar
18 févr. 2016 à 10:57

merci miramaze ça résolut la problème :)

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

Qui sont les personnes dans mon ajout rapide de Snapchat ?

Problème de restrictions

Comment savoir comment on nous a ajouté sur Snap

input signal out of range

Discussions similaires

Newsletters