Conserver les valeur aprés ajout des input
Résolu
btmar
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
btmar -
btmar -
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
merci d'avance
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
- 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
Salut,
essaye ça (plunkr de demo : https://plnkr.co/edit/AXoJbG7gzk5F1nt01dg9?p=preview&utm_source=legacy&utm_medium=worker&utm_campaign=next :
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 :)