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 et select [AJAX]


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut jQuery et select
    Bonjour,

    Je pense que le sujet a été abordé mais je n'ai pas trouvé de réponse jusqu'à présent.
    Au chargement d'une page, je remplis un select (par un d'ajax).

    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
    19
    $(document).ready(function(){
    var $Themes = $('#Themes');
    var themelu;
    listeThemes($Themes,"w");
    $("#Themes.option[1]").selected = true;
    themelu=$("#Themes").find('option:selected').val();
    alert(themelu);
     
    function listeThemes(balise,espace){
        $.ajax({
            url: './ajax/ListeThemes.php',
            data: 'espace='+espace,
            dataType: 'html',
            success: function(response){
    			balise.html(response);
            	}
        	});
    	};
    });
    Je voudrais que le 2eme élément de la liste des options soit "selected" ($("#Themes.option[1]").selected = true; ) et que je puisse ensuite récupérer sa valeur.
    Mais l'option n'est pas sélectionnée et donc le script ne retourne pas de valeur.
    Merci de votre aide.

    Luc

  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
    Je ne suis pas sûr que ton sélecteur soit correct...
    Tu as bien une balise avec l'id "Themes" et une classe valant "option[1]" ?

    D'autre part, un sélecteur jQuery renvoie un objet jQuery qui n'est pas le même que l'élément DOM associé, donc un objet jQuery ne possède pas de propriété disabled.
    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 averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut
    Merci pour la réponse
    Oui aux deux questions.
    Comment alors récupérer dans le DOM l'objet en question ?

  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
    Tout d'abord, étant donné qu'un id doit être unique dans la page, il est inutile (et moins performant) de cibler un élément par son id et sa classe...

    Sinon, regarde du côté de .get() ou plus simplement $(selecteur)[0] pour récupérer l'objet DOM.
    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 averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut
    Merci pour la réponse
    L'objet ne semble pas encore être présent dans le DOM :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    themelu=$("#Themes")[0];
    alert(themelu.options.length);
    me donne domme résultat 0 ...
    Help ....

  6. #6
    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
    Sans connaitre le code HTML associé, répondre à ta question relève plus de l'art prophétique ou de la divination...
    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

  7. #7
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut
    De fait ...

    Voici le code après quelques modifications :

    Page HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <body>
    <div id="tabThemes">
      <div>Themes</div>
      <select size="10" id="Themes" name="Themes">
      </select>
    </div>
    </body>

    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
    19
    20
    21
    $(document).ready(function(){
    	var theme;
    	var $Themes = $('#Themes');
    	listeThemes($Themes,"w");
    	theme=$("#Themes").get(0);
    	alert("Coucou");
    	theme[1].selected=true;
    	alert( $("#Themes option:selected").val());
     
    ////////////
    function listeThemes(balise,espace){
        $.ajax({
            url: './ajax/ListeThemes.php',
            data: 'espace='+espace,
            dataType: 'html',
            success: function(response){
    			balise.html(response);
            	}
        	});
    	};
    });
    Ce code fonctionne parfaitement à condition d'insérer alert("Coucou");Si on supprime cette alert, le script se plante ...
    Merci de ton aide
    Luc

  8. #8
    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
    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

  9. #9
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut
    Merci pour l'info ...
    Je souffre du mal du siècle : trop pressé
    Bonne soirée,

    Luc

  10. #10
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Juillet 2006
    Messages
    18
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Enseignement

    Informations forums :
    Inscription : Juillet 2006
    Messages : 18
    Par défaut
    Problème résolu en appelant la méthode synchrone

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function trucmuch(balise,URL){
    var xhr = new XMLHttpRequest();
    var elem=document.getElementById(balise);
    	xhr.onreadystatechange = function(){ 
    	if(xhr.readyState == 1){elem.innerHTML = 'Chargement ...';}
    	if(xhr.readyState == 4 && xhr.status == 200){
    		elem.innerHTML=xhr.responseText;} 
    	};
    	xhr.open('POST',URL,false) 
    	xhr.send();
    };
    Merci pour l'aide

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

Discussions similaires

  1. Jquery Mobile / select multiple / Uncheck
    Par Guizmo95 dans le forum jQuery
    Réponses: 12
    Dernier message: 22/03/2013, 15h12
  2. [AJAX] jquery autocomplete, select option
    Par SuperArbre dans le forum AJAX
    Réponses: 0
    Dernier message: 04/06/2012, 13h05
  3. fonction jquery pour select liste deroulante
    Par kate59 dans le forum jQuery
    Réponses: 3
    Dernier message: 16/05/2012, 17h12
  4. JQuery et select html
    Par lasconi06 dans le forum jQuery
    Réponses: 0
    Dernier message: 18/08/2011, 01h05
  5. recherche exemple jquery : inputs select liés
    Par Hitomi_Kay dans le forum jQuery
    Réponses: 3
    Dernier message: 27/05/2010, 11h30

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