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] Positionnement en JQuery sur mon select


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 95
    Points : 72
    Points
    72
    Par défaut [jQuery] Positionnement en JQuery sur mon select
    Hello.
    Voilà j'aimerai positionner mon select box sur une option de mon select:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <select name="test" id="maSelectBox">
     <option value="testValeur1">testLibelle1</option>
     <option value="testValeur2">testLibelle2</option>
     <option value="testValeur3">testLibelle3</option>
     <option value="testValeur4">testLibelle4</option>
    </select>
    Je pensais a quelque chose comme ceci:
    $("#maSelectBox").options[0].selected; Pour positionner sur la première option.
    $("#maSelectBox").selectedIndex = 0; Ou ceci.

    Mais ça ne marche pas. Une idée?

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <select name="test" id="maSelectBox">
     <option value="testValeur1" selected>testLibelle1</option>
     <option value="testValeur2">testLibelle2</option>
     <option value="testValeur3">testLibelle3</option>
     <option value="testValeur4">testLibelle4</option>
    </select>
    ou en JS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("maSelectBox").options[0].selected = true;
    EDIT : qui est un raccourcis pour
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("maSelectBox").options[0].selected = true;
    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 95
    Points : 72
    Points
    72
    Par défaut
    Merci pour cette réponse. En fait je fais ça dynamiquement. C'est à dire que mon "selected" va évoluer. J'ai donc essayer ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#maSelectBox").options[0].selected = "selected";
    ou ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#maSelectBox").options[0].selected = true;
    Mais j'ai une erreur :

    "$("#maSelectBox").options has no properties"

    Pourtant j'ai bien des valeurs dans ma select box.

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Spir Voir le message
    Pourtant j'ai bien des valeurs dans ma select box.
    Mais que vient faire ici ce #
    Enlève le pour voir ....

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 95
    Points : 72
    Points
    72
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Mais que vient faire ici ce #
    Enlève le pour voir ....

    A+
    J'ai tout essayé
    Mais en JQuery on récupère l'element par son id en mettant # devant.
    Donc pour manipuler mon select je fais ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <select name="test" id="maSelectBox">
    ...
    $("#maSelectBox").

  6. #6
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Spir Voir le message
    "$("#maSelectBox").options has no properties"
    Le message est pourtant clair : l'objet ne l'est pas

    Essaye quand même
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("maSelectBox").options[0].selected = true;
    pour voir.
    On ne sait jamais ....

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  7. #7
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 95
    Points : 72
    Points
    72
    Par défaut
    Comme je disais plus haut j'ai essayé sans le #. le message d'erreur est le même.

  8. #8
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2005
    Messages
    95
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2005
    Messages : 95
    Points : 72
    Points
    72
    Par défaut
    Bon en fait je mélangais JQuery avec Javascript...
    La solution la voici:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#maSelectBox").get(0).selectedIndex = 0;
    le .option[0] est remplacé par .get(0)
    Voilà.
    Merci pour tes réponses

  9. #9
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par Spir Voir le message
    Bon en fait je mélangais JQuery avec Javascript...
    Je commençais à m'en douter un peu



    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

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

Discussions similaires

  1. Coder avec jquery un timer sur mon menu
    Par fabio bonzini dans le forum jQuery
    Réponses: 0
    Dernier message: 21/06/2015, 18h35
  2. Vos avis sur mon plugin jQuery "Flight Indicators"
    Par seb_matton dans le forum jQuery
    Réponses: 0
    Dernier message: 05/04/2014, 12h51
  3. jquery sur mon code behind
    Par mvc_dev dans le forum ASP.NET Ajax
    Réponses: 1
    Dernier message: 27/05/2011, 16h02
  4. [MySQL] Erreur sur mon Select MySQL
    Par The Molo dans le forum PHP & Base de données
    Réponses: 18
    Dernier message: 01/08/2008, 17h25
  5. [JQuery] JQuery et barre upload sur $.ajax
    Par MaitrePylos dans le forum jQuery
    Réponses: 2
    Dernier message: 23/05/2008, 14h59

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