Affichage d'un champ en fonction d'un autre

Fermé
heycoco Messages postés 1 Date d'inscription vendredi 28 mai 2010 Statut Membre Dernière intervention 28 mars 2015 - 28 mars 2015 à 15:44
Bonjour,
Je souhaite afficher un champ upload et en rajouter un au besoin de l'utilisateur. Je ne m'y connais pas en javascript et du coup j'ai trouvé un script qui correspond assez bien à ma demande et j'ai su modifier 2-3 choses mais je ne sais pas faire plus malheureusement.

Voici mon code:
<html>
	<head>
		<link href="css.css" rel="stylesheet" type="text/css"> 
	</head>
	<body>
		<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script><script type="text/javascript">
$(document).ready(function(){
   var MAX_FIELDS = 6;
   var fields = 1;
   
   $(":input[name='add']").click(function () {
      if (fields < MAX_FIELDS) {
         $("div[id='files']:last").clone(true).insertAfter("div[id='files']:last");
         fields++;
      }
   });
});
</script>


<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
   <div id="files"><input type="file" name="file[]" class="file"/></div>
</form>

<input name="add" type="button" value="Ajouter" />
<input type="submit" name="SubmitPhoto" value="Soumettre" />
	</body>
</html>


J'aimerais modifier le code et
- lors de l'ajout, mettre un value différent du précédent
- rendre possible l'ajout d'upload que si le champ précédent à été complété
- donner un nom unique à chaque champs.

Pouvez vous m'orienter ou m'aider afin de réaliser ca ?

Merci