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

JavaScript Discussion :

recuperer valeur option select sans bouton


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2009
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 227
    Par défaut recuperer valeur option select sans bouton
    Bonjour,

    Je dispose d'une liste déroulant tels que celle ci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <SELECT name="quantite" size="5" >
                                    <OPTION value="1">100 gr
                                    <OPTION value="2">200 gr
                                    <OPTION value="3">300 gr
                                    <OPTION value="4">400 gr
                                    <OPTION value="5">500 gr
                                </SELECT>
    Je dispose d'une variable $nbre de type entier.

    J'aimerai faire ceci:
    - si l'utilisateur sélectionne 100 gr ça me donnerait : 1*$nbre
    - si l'utilisateur sélectionne 200 gr ça me donnerait : 2*$nbre
    - si l'utilisateur sélectionne 300 gr ça me donnerait : 3*$nbre
    - si l'utilisateur sélectionne 400 gr ça me donnerait : 4*$nbre

    Tout ceci sans bouton submit.
    Donc comment récupérer les valeurs (1, 2, 3, 4, 5) de ma liste déroulante pour l'afficher ici:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <?php
    echo X * $nbre;
    ?>
    X étant mes valeurs de la liste.

    Voili voilou

  2. #2
    Membre confirmé
    Inscrit en
    Août 2010
    Messages
    156
    Détails du profil
    Informations forums :
    Inscription : Août 2010
    Messages : 156
    Par défaut
    Recherche de coté JAVASCRIPT

    Avec XMLHTTPREQUEST

  3. #3
    Rédacteur

    Avatar de Yoteco
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Décembre 2004
    Messages
    1 099
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : Suisse

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2004
    Messages : 1 099
    Par défaut
    Salut,

    Pour réaliser cela, tu es obligé de passer par du JavaScript et notamment l'attribut onchange.
    Blog - Mon espace developpez -
    Oracle Certified Professional, Java SE 6 Programmer
    eZ Publish Certified developer

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2009
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 227
    Par défaut
    Merci merci je vais jeter un oeil du coté du javascript.

  5. #5
    Membre très actif Avatar de hazamor
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2008
    Messages
    179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Décembre 2008
    Messages : 179
    Par défaut onchange : submit() / Ajax
    En utilisant le javascript, dans l'evènement onChange :

    - soit tu lance l'envoi de formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.myForm.submit();
    - soit tu appele la methode qui lance une requete avec la technique "Ajax"

    http://ajax.developpez.com/cours/

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2009
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 227
    Par défaut
    Je cale un peu sur le sujet:

    Voici ou j'en suis:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <SELECT name="quantite" size="5" onChange="test()">
                                    <OPTION value="1">100 gr
                                    <OPTION value="2">200 gr
                                    <OPTION value="3">300 gr
                                    <OPTION value="4">400 gr
                                    <OPTION value="5">500 gr
           </SELECT>
     
    <script language="javascript">
    	function test(){
    	document.myForm.submit();
    	}								
    </script>

  7. #7
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,
    1-Soigne un peu ton code
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <select name="quantite" size="5" onchange="test()">
                                    <option value="1">100 gr</option>
    ...
    2-Si ton select n'est pas dans le form myForm, ça ne marche pas, et si c'est le cas, dès que tu clique sur une option, ça lance le submit.
    Regarde plutôt du coté AJAX, le tutoriel: http://siddh.developpez.com/articles/ajax/#LIV-A

    A+.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2009
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 227
    Par défaut
    Bonjour,

    j'ai toujours des problemes par rapport au select avec javascript.

    Comment faire pour recuperer la valeur d'un select puis d'utiliser cette valeur dans une variable php:

    Voici un exemple de code ou je cale:

    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
     
    <form action="select.htm">
    <p>Votre commande de pizzas:</p>
    <p>
    <select name="Pizza" size="5"
    onchange="alert(this.form.Pizza.options[this.form.Pizza.selectedIndex].value)">
    <option value="P101">Pizza Napoli</option>
    <option value="P102">Pizza Funghi</option>
    <option value="P103">Pizza Mare</option>
    <option value="P104">Pizza quatre saisons</option>
    <option value="P105">Pizza Mexicana</option>
    <option value="P106">Pizza Regina</option>
    <option value="P107">Pizza de la Casa</option>
    <option value="P108">Pizza Calzone</option>
    <option value="P109">Pizza con tutti</option>
    </select>
    </p>
    </form>

    Ca m'affiche bien les valeurs au changement de pizza par contre quand je clique j'aimerai récupérer cette valeur dans une variable php.

    Merci par avance

  9. #9
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="alert(this.form.Pizza.options[this.form.Pizza.selectedIndex].value)"


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="alert(this.value)"
    me semble mieux
    j'aimerai récupérer cette valeur dans une variable php.
    Il faut indiquer un attribut method à ton formulaire pour déterminer comment les données sont transmises
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <form method="post" action="select.htm">
    puis à la soumission du formulaire, les valeurs sont disponibles via le tableau $_POST :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    echo $_POST['Pizza']
    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

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2009
    Messages
    227
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2009
    Messages : 227
    Par défaut
    Bonjour et merci beaucoup pour ton aide

    Je vais essayer de m'en sortir avec ça

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 24/06/2015, 18h40
  2. Recuperer valeurs plusieurs select
    Par BoeufBrocoli dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/05/2010, 22h18
  3. Recuperer valeur bouton radio sans reload ni onclick
    Par philippejuju dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 11/01/2006, 11h24
  4. [sgbd] Recuperer valeurs d'un Select dans un tableau
    Par Mu_Belier dans le forum SGBD
    Réponses: 16
    Dernier message: 27/05/2005, 15h46

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