menu déroulant qui multiplie champs input

**lassoya** · 26/11/2009, 11h34

Bonjour je suis vraiment un novice en javascript et J'aimerai faire un truc simple mais je n'y arrive pas . Bon j'explique

j'aimerai avoir un menu déroulant comprenant des nombres de 1 à 10
qui me permettrait dès qu'il y aurait un changement de multiplier
un champ de type fichier.

On sait le faire en php mais faut rafraichir la page et aussi j'ai trouvé ça mais ça raffraichit la page aussi.

pourriez vous m'aider ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onChange = \"window.open(this.options[this.selectedIndex].value,'_self')\

**E.Bzz** · 26/11/2009, 12h07

Bonjour,
ton problème est donc celui du clonage de node (ici des input file), non ?

Tu peux peut-être t'inspirer de cette (longue

) discussion

A+

**lassoya** · 26/11/2009, 14h55

merci j'ai essayé ça et ça marche sur google chrome mais pas sur le reste :s

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">

function add_soc(oSelect)
{
lesfichiers.innerHTML='';
var value = oSelect.options[oSelect.selectedIndex].value;
var leFichierACopier = document.getElementById("fichier[]");
var laDivOuAjouterLaListe = document.getElementById("lesfichiers");
laDivOuAjouterLaListe.innerHTML='';
for(i=0;i<value;i++)
{
laDivOuAjouterLaListe.appendChild(leFichierACopier.cloneNode(true));

}
}
</script>
<title></title>
</head>
<body bgcolor="#7F7FB1" >
<select name="yo" onchange="add_soc(this);"/ >
<option value="1" >1</option>
<option value="2" >2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
</select><br />

<input type="file" name="fichier[]" id="fichier[]" /><br />

<div id="lesfichiers" ></div>

</body>
</html>

Pourriez vous m'aider ?? et aussi comment fait on pour passer à la ligne
après chaque file ajouté j'ai essayé innerHTML='<br />' mais ça ne marche pas :s

**E.Bzz** · 26/11/2009, 15h00

Tu as dû oublier de lire le passage qui indique qu'il faut modifier l'id pour pas qu'il ne soit dupliquer

A+

**lassoya** · 26/11/2009, 15h06

ben en fait le problème là c'est que ça marche que sur google chrome ,

et j'ai mis innerHTML=""; pour pas que ça double

**E.Bzz** · 26/11/2009, 15h11

Envoyé par lassoya

ben en fait le problème là c'est que ça marche que sur google chrome ,

et j'ai mis innerHTML=""; pour pas que ça double

Je vois pas bien le rapport avec les id dupliqués ....

A+

**lassoya** · 26/11/2009, 15h16

en fait par rapport à l'exemple précédent si tu cliquais sur le bouton + sans mettre l'id il doublait à chaque fois ?? 2,4,8,16 etc... no ??

moi ce que j'ai c'est que je prends le resultat du select, je vide le div
et je boucle .. enfin à ce que j'ai compris :p

**E.Bzz** · 26/11/2009, 15h24

Heu ... pas tout compris non plus, là

(je ne peux pas tester ton code, moi)

Sinon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

lesfichiers.innerHTML

ça il ne faut pas le faire (uniquement valable pour les versions préhistoriques d'IE)
EDIT : il faut utiliser

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("lesfichiers").innerHTML

Ta variable "value", il faut l'appeler autrement : c'est un mot réservé du langage et ça risque de poser problème au nav ...

Et, non tu n'as pas gérer correctement les id (ton id="fichier[]" est dupliqué) ...

A+

**lassoya** · 26/11/2009, 15h33

merci ^^ pour ces conseils ,

mais bon dans ce que je veux faire, je ne vois pas l'utilité de ne pas dupliquer l"id
:s, j'ai changé le value ^^ mais pour vider un <div> comment fait on si on ne peut utiliser innerHTML ?

lesfichiers.innerHTML c'est pas bon mais laDivOuAjouterLaListe.innerHTML=''; est correct ?

voilà ce que ça donne , bizarre mais c'est plus où moins
ce que je veux faire:

http://landssy.com/uploads/test.php