Discussion :

[Zachatim]

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 :

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

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 :

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

1
2
3
4
5
function valider_formulaire()
{
alert(document.formulaire.categorie.value);
document.formulaire.submit();
}

TypeError: document.formulaire.categorie is undefined

ou

Code :

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

alert(document.formulaire.categorie[].value);

SyntaxError: expected expression, got ']'

ou encore

Code :

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

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 ?

[SpaceFrog]

pourquoi ne pas utiliser jquery pleinement ?

Code :

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

$('[name="categorie[]"]')

ensuite pour les événements des objets ajoutés dynamiquement ...
Il faut les attribuer dasn le ready avec on() par délégation depuis un élément parent

Code :

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

$('parent').on('click','enfant', function(){ ... }

ainsi tous les élements enfants de parent ajoutés dynamiquement APRES le chargement de la page recevront l'événement