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 :

Itération sur select avec grep


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 312
    Par défaut Itération sur select avec grep
    Bonjour,
    Dans mon projet, je récupère un objet contenant le DOM d'un select sur lequel je récupère uniquement l'option désiré suivant sa valeur.

    Pour cela j'utilise un grep pour faire itérer sur l'objet et récupérer la bonne option. Or ce code fonctionne correctement sur IE mais provoque une erreur sur Firefox (itm undefined).

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     var myOption = $.grep($j(me.DataEntries).children().context, function (itm, idx) {
        return itm.value == myVal;
    });
    D'après mes investigation grep ne serai pas en cause mais l'objet ne serai pas vue de la même manière sur IE que sur FF.

    Y a t il un moyen de palier à ce problème ?


    Merci d'avance.

  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
    Oula... tu te compliques beaucoup la vie avec des méthodes pas faites pour ça... .grep() est avant tout destiné à manipuler des tableaux, pas des collections...
    En plus, tu utilises d'abord $() puis $j(), c'est pas très cohérent.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $(selecteur).find('[value=tavaleur]')
    est amplement suffisant pour faire ce que tu souhaites...
    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 éclairé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 312
    Par défaut
    Bonjour,
    Merci pour votre réponse, le $j est une faute de frappe de ma part, le code que j'ai utilisé ne contient pas cette erreur.

    J'ai bien essayé votre code malheureusement cela ne marche ni sous IE : l'objet renvoyé ne contient pas l'option recherché, ni sous FF j'ai un message d'erreur : [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"

  4. #4
    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
    Bah oui... dans $(selecteur) il faut remplacer selecteur par quelque chose qui corresponde à ton code / besoin !
    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

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    312
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 312
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Bah oui... dans $(selecteur) il faut remplacer selecteur par quelque chose qui corresponde à ton code / besoin !
    Lol, j'avais bien compris.

    J'ai essayé plusieurs chose :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
     var myOption = $(me.DataEntries).find('[value=' + myVal + ']');
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
     var myOption = $(me.DataEntries).find("[value='" + myVal + "']");
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
     var myOption = $(me.DataEntries).children().find('[value=' + myVal + ']');
    Et j'ai le même type d'erreur

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonjour

    .context est obsolète !

    Exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <select id="test">
    	<option value="1">01</option>
    	<option value="2">02</option>
    	<option value="3" selected>03</option>
    	<option value="4">04</option>
    </select>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    /*
     * Trier les options d'un select
     */
    var array2 = $.grep( $( "option", "#test" ), function( item, i ){
    	return $( item ).val() != "2";
    });
     
    // Valeur de la deuxième option (0 à n)
    console.log( $( array2[ 1 ] ).val() );

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Réponses: 39
    Dernier message: 21/12/2011, 20h01
  2. Temps de reponse sur Select avec Jointure
    Par Guigsounet dans le forum SQL
    Réponses: 15
    Dernier message: 30/07/2010, 10h29
  3. onchange sur select avec IE7
    Par Antherak dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 22/04/2009, 09h09
  4. onchange sur select avec internet explorer
    Par trysdual dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/09/2008, 16h41
  5. probleme de selection aleatoire sur excel avec macro vba
    Par guillaume sors dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 21/10/2005, 10h51

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