IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

[jQuery] Selectionner uniquement les INPUT d'un formulaire


Sujet :

jQuery

  1. #1
    Membre confirmé Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Par défaut [jQuery] Selectionner uniquement les INPUT d'un formulaire
    Bonjour,

    Voici mon problème :

    Dans un formulaire qui comprend plusieurs types de champs (INPUT:text, INPUT:radio, SELECT, TEXTAREA,...), j'aimerais sélectionner uniquement les INPUT.

    J'ai donc, en toute logique, utilisé le sélecteur de jQuery suivant :
    Mais celui-ci me retourne tous les types, pas seulement les inputs !!

    Après avoir consulté la documentation de jQuery, je constate avec désolation que le sélecteur $('input') prend en effet tous les types de champs d'un formulaire (INPU, SELECT, TEXTAREA, BUTTON)

    Qq'un saurait comment faire pour n'avoir que les INPUT et uniquement les INPUT ?

    Merci

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Qq'un saurait comment faire pour n'avoir que les INPUT et uniquement les INPUT ?
    oui
    En revanche,
    Te renvoies tous les éléments de formulaire et
    tous les input de type text.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Par défaut
    Oups, désolé d'avoir créé un peu trop vite ce post, je me suis rendu compte en effet que j'avais merdé dans mon code

    Donc problème réglé

  4. #4
    Membre confirmé Avatar de Dionyzos
    Homme Profil pro
    Développeur & Designer Web
    Inscrit en
    Février 2004
    Messages
    134
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur & Designer Web

    Informations forums :
    Inscription : Février 2004
    Messages : 134
    Par défaut
    Je profite de mon poste pour aborder un autre soucis que je viens de rencontrer encore avec jQuery (je sens que je vais pas tarder à revenir à Mootools moi ). Le problème est proche, c'est pourquoi je l'expose dans le même topic.

    Voilà, j'ai toujours mon formulaire avec tous ses champs de types différents.

    Je créé un objet jQuery du formulaire:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var monForm = $('idForm');
    Ensuite je veux créer une variable Array contenant tous les champs du formulaires, et afficher le nombre d'éléments trouvés:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var mesChamps = monForm.children(':input');
    alert(mesChamps.lenght);
    Et l'alert m'affiche 0

    donc je change la méthode de sélection avec:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var mesChamps = $(':input', monForm);
    alert(mesChamps.lenght);
    Et là j'obtiens bien le bon nombre de champs.

    Je ne comprends pas pourquoi la fonction children() ne marche pas dans ce cas ???

  5. #5
    Membre éprouvé Avatar de hansaplast
    Homme Profil pro
    Artisant logiciel
    Inscrit en
    Septembre 2005
    Messages
    950
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Artisant logiciel
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2005
    Messages : 950
    Par défaut
    si je ne me trompe, tu devrait reoudre ca en consultant cette page :
    http://docs.jquery.com/Core
    avec :

    each( callback )
    ou
    eq( position )

    en gros, une fonctione jquery te renvera toujours un objet jquey, ceci pour pouvoir imbriquer les appels.

    pour etre plus clair, essaie un console.debug($('idForm')) sous firebug

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer les input d'un formulaire pour un mailto
    Par CLeBeR dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 22/01/2015, 23h07
  2. selectionner uniquement les dernières lignes
    Par Platon d'athene dans le forum Excel
    Réponses: 8
    Dernier message: 10/09/2012, 18h32
  3. [AC-2010] Selectionner uniquement les dates des week end
    Par Mut dans le forum Requêtes et SQL.
    Réponses: 8
    Dernier message: 16/06/2012, 17h30
  4. Selectionner tout les champs d'un formulaire dans un element
    Par berlo44 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 26/06/2011, 11h59
  5. Réponses: 1
    Dernier message: 03/02/2011, 10h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo