1. #1
    Futur Membre du Club
    Homme Profil pro
    Auditeur informatique
    Inscrit en
    mars 2017
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : Auditeur informatique

    Informations forums :
    Inscription : mars 2017
    Messages : 5
    Points : 6
    Points
    6

    Par défaut Jquery - script qui s'éxécute tout le temps

    Bonjour,

    J'ai un <select> avec 2 entrées et j'aimerais que :
    -un code javascript s'exécute si je choisis l'entrée 1
    -un autre code javascript s'exécute si je choisis l'entrée 2

    Le tout, sans recharger la page, et sans toucher au HTML.

    Voici mon HTML justement :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <select id="my-id">
    <option value="1" selected="selected">Text 1</option>
    <option value="2">Text 2</option>
    </select>
    J'ai pensé à exécuter ce code JQuery

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    (function ($) {
        var typeHeaderField = document.getElementById("my-id");
        var valueTypeHeader = typeHeaderField.options[typeHeaderField.selectedIndex].value;
           if (valueTypeHeader == "1") {
           // comportement numéro 1;
        } else {
           // comportement numéro 2;
        }
    }(jQuery));
    Seulement, ce n'est pas ce que je veux. En effet, je vais bien rentrer une fois dans la première condition, mais si après ça je séléctionne autre chose, je ne vais jamais passer dans la 2ème condition. Quelqu'un a-t-il une idée de comment faire svp ?

    Je reprécise mes 2 limites :
    - je ne dois pas recharger la page
    - je ne dois pas accès directement au code HTML

    Je vous remercie d'avance

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    37 314
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 37 314
    Points : 63 531
    Points
    63 531
    Billets dans le blog
    1

    Par défaut

    Tu parles de Jquery mais ne semble pas l'utiliser ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    var typeHeaderField = document.getElementById("my-id");
        var valueTypeHeader = typeHeaderField.options[typeHeaderField.selectedIndex].value;
    =>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
        var valueTypeHeader = $("#"my-id").val();
    ensuite pour déclencher l'event c'est change à appliquer sur tes selects

    https://api.jquery.com/change/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag


    réalisations :www.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

Discussions similaires

  1. Réponses: 10
    Dernier message: 20/03/2009, 11h52
  2. Réponses: 8
    Dernier message: 30/05/2007, 11h12
  3. Ouvrir une fenetre qui reste active tout le temps
    Par pas30 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 11/01/2007, 18h02
  4. popup qui reste actif tout le temps
    Par pas30 dans le forum JavaScript
    Réponses: 1
    Dernier message: 11/01/2007, 08h41
  5. popup qui s'ouvre tout le temps par rapprot à une checkbox
    Par atomik29 dans le forum JavaScript
    Réponses: 2
    Dernier message: 15/06/2006, 10h34

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