Gérer les tableaux avec javascript et des champs de formulaire ajoutés dynamiquement ?
Bonjour,
J'ai un formulaire avec un champs catégorie. L'utilisateur peut ajouter à l'aide d'un bouton jusqu'a 30 catégories maximum.
J'utilise ce bout de script et de jquery :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <script>$(document).ready(function() {
var max_fields = 30; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<div>Catégorie : <input size="20" name="categorie[]" maxlength="50" value=""><a href="#" class="remove_field" style="margin-left:15px;">Supprimer</a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});</script> |
Pour résumer l'utilisateur peut ajouter jusqu'a 30 champs name="categorie[]" dans le formulaire name="formulaire"
Sur la page suivante je récupére ma variable categorie[] sous forme de tableau et j'en fait ce que j'en veut en PHP, la dessus pas de problème.
Mon soucis est sur la page actuelle, en effet je voudrais faire quelques vérifications en javascript lorsque la personne soumet le formulaire, mais je n'arrive tout simplement pas à extraire la valeur de chaque champs catégorie.
J'ai essayé :
Code:
1
2
3
4
5
| function valider_formulaire()
{
alert(document.formulaire.categorie.value);
document.formulaire.submit();
} |
TypeError: document.formulaire.categorie is undefined
ou
Code:
alert(document.formulaire.categorie[].value);
SyntaxError: expected expression, got ']'
ou encore
Code:
alert(document.formulaire.categorie[0].value);
TypeError: document.formulaire.categorie is undefined
C'est comme si la page n'avait pas connaissance du tableau, est-ce que quelqu'un aurait une idée pour extraire en javascript les valeurs de ce tableau categorie ?
