Conserver les valeur aprés ajout des input

Résolu

btmar Messages postés 5 Statut Membre -
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

Afficher la suite

A voir également:

Conserver les valeur aprés ajout des input
Input signal out of range - Forum Ecran
Ajout rapide snap - Forum Snapchat
No video input ✓ - Forum Matériel & Système
Ajout snap sans rien d'écrit - Forum Snapchat
No video input enter sleep mode ✓ - Forum Matériel & Système

1 réponse

Réponse 1 / 1

miramaze Messages postés 1468 Statut Contributeur 92

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

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

Discussions similaires

input signal out of range

Problème de restrictions

Qui sont les personnes dans mon ajout rapide de Snapchat ?

Comment savoir comment on nous a ajouté sur Snap

Pourquoi des inconnus bizarres m'ajoutent sur snap ?

Votre réponse

Discussions similaires