[JS] Ajouter du HTML à chaque clic, 5 MAX.
Résolu
Kdopj
Messages postés
18
Date d'inscription
Statut
Membre
Dernière intervention
-
Kdopj Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
Kdopj Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je veux faire une multi upload et je veux ajouter un input file à chaque clique sur un lien.
Le code à ajouté est : <p><input style="font-size : 18px;" type="file" name="fichier" size="25" /></p>
A chaque fois que l'on clique je veux que ça ajoute ce code, avec une limitation de 5 max.
Merci
Je veux faire une multi upload et je veux ajouter un input file à chaque clique sur un lien.
Le code à ajouté est : <p><input style="font-size : 18px;" type="file" name="fichier" size="25" /></p>
A chaque fois que l'on clique je veux que ça ajoute ce code, avec une limitation de 5 max.
Merci
A voir également:
- [JS] Ajouter du HTML à chaque clic, 5 MAX.
- Editeur html - Télécharger - HTML
- I14 pro max - Accueil - Guide téléphones
- Ajouter à l'écran d'accueil iphone - Guide
- Ajouter signature word - Guide
- Ajouter liste déroulante excel - Guide
2 réponses
<form action="" method="post" id="upload">
<input type="file" name="fichier_1">
</form>
<a href="javascript:void(0);" onclick="ajout();">Ajouter un fichier</a>
<script type="text/javascript">
var num = 1;
function ajout(){
num++;
if(num <= 5){
var form = document.getElementById('upload');
var champ = document.createElement('input');
champ.setAttribute('type','file');
champ.setAttribute('name','fichier_'+num);
form.appendChild(champ);
}else{
alert('limite de fichiers atteinte');
}
}
</script>
<input type="file" name="fichier_1">
</form>
<a href="javascript:void(0);" onclick="ajout();">Ajouter un fichier</a>
<script type="text/javascript">
var num = 1;
function ajout(){
num++;
if(num <= 5){
var form = document.getElementById('upload');
var champ = document.createElement('input');
champ.setAttribute('type','file');
champ.setAttribute('name','fichier_'+num);
form.appendChild(champ);
}else{
alert('limite de fichiers atteinte');
}
}
</script>
Salut,
Voila un petit bout de code qui devrai répondre a ta question:
Bon courage
Voila un petit bout de code qui devrai répondre a ta question:
<html>
<head>
<script type="text/javascript">
var numFormulaire = 1;
function NewForm() {
if (numFormulaire < 5) {
code = '<p><input style="font-size : 18px;" type="file" name="fichier" size="25" /></p>';
document.getElementById("zone").innerHTML += code;
numFormulaire++;
}
}
</script>
</head>
<body>
<a href="javascript:NewForm();">Mon lien</a>
<form name="monForm" action="" method="post">
<div id="zone">
<p><input style="font-size : 18px;" type="file" name="fichier" size="25" /></p>
</div>
</form>
</body>
</html>
Bon courage
Merci