Affichage d'un champ en fonction d'un autre
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:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<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 !
