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 :

Rendre inactive une combobox selon la valeur choisie dans une 1er combobox


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut Rendre inactive une combobox selon la valeur choisie dans une 1er combobox
    Bonjour,

    Voici mon problème :

    J'ai deux combobox, la 2ème dépend de la première càd que la deuxième combobox ne doit pas toujours être active(disabled) suivant les valeurs choisies dans la première combobox.

    Vu que c'est du côté client que je dois traiter cela, j'en viens au javascript mais je ne m'y connais pas de trop...

    Savez vous comment je dois m'y prendre pour traiter ce problème ? Ou si vous aviez un bout de code, il serait le bienvenu

    Merci d'avance !

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    salut , il te faut utiliser la propriété disabled :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function etaList(){
         if(condition = vrai){
               listeAdésactiver.disabled = true;
         }
         else{listeAdésactiver.disabled = false;}
    }
    et sur la liste qui gère ta condition :
    <select ... onchange="etatList()">...</select>

    bon courage

  3. #3
    Membre éclairé Avatar de The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut
    Merci de ta réponse !

    J'ai compris en principe.

    Mais j'ai déjà qqch dans mon onchange, comment puis je gérer cela ?

  4. #4
    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
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 : 39 659
    Billets dans le blog
    1
    Par défaut
    mets un point virgule

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select ... onchange="autrechose();etatList()">...</select>
    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

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé Avatar de The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut
    Re salut

    Je réponds un peu tard mais j'ai du passé à autre chose.

    J'ai suivi vos conseils :

    Fonction Javascript
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <script language="JavaScript">
    function etaList()
    {
        if(act_inst.go_source = 4 || act_inst.go_source = 5)
        {
           act_inst.go_util_chal.disabled = false;
        }
        else
        {
           act_inst.go_util_chal.disabled = true;
        }
    }
    </script>
    1er Combobox
    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
     
    <select name="go_source" onchange="bmodif=true;etaList()">
    <%
    DBExecuteRs rs, connDB, "select id_src, libelle from sources order by 1"
    while not rs.eof
     
    if rs("id_src")=nsource then
       response.write("<option value=" & rs("id_src") & " selected>" & rs("libelle")& "</option>")
    else
       response.write("<option value=" & rs("id_src") & ">" & rs("libelle") & "</option>")
    end if
     
    rs.movenext
    wend
    %>
    </select>
    2è Combobox
    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
     
    <select name="go_util_chal"  onchange="bmodif=true">
    <%
    DBExecuteRs rs, connDB, "select id_util_chal, libelle from utilisation_chaleur order by 1"
     
    while not rs.eof
     
    if rs("id_util_chal")=nutilchal then			
         response.write("<option value=" & rs("id_util_chal") & " selected>" & rs("libelle") & "</option>")
    else						
         response.write("<option value=" & rs("id_util_chal") & ">" & rs("libelle") & "</option>")
    end if
     
    rs.movenext
    wend
    %>
    </select>

    Le nom du formulaire dans lequel ils se trouvent est "act_inst"


    Le problème, c'est que ça ne marche pas ...

    Voyez vous une erreur ???

    Merci !

  6. #6
    Membre éclairé Avatar de The Molo
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    240
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 240
    Par défaut


    Je ne suis vraiment pas doué en Javascript :

    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
    <script language="JavaScript">
    function etaList()
    {
        if(document.getElementById(go_source).value == 4 || document.getElementById(go_source).value == 5)
        {
         alert('On est dans le If');
    	 document.getElementById(go_util_chal).disabled = false;
        }
        else
        {
    	  alert('On est dans le Else');
    	  document.getElementById(go_util_chal).disabled = true;
        }
    }
    </script>

    Mais ca ne marche toujours pas ...
    Mes alert ne s'affiche pas donc j'ai déjà un problème dans la condition ?? Ou à l'appel de la fonction ??

    Merci

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

Discussions similaires

  1. Réponses: 9
    Dernier message: 28/04/2009, 15h23
  2. Réponses: 3
    Dernier message: 27/04/2009, 16h08
  3. Réponses: 5
    Dernier message: 04/12/2008, 15h58
  4. Insérer valeur choisie dans une cellule
    Par jcaspar dans le forum Macros et VBA Excel
    Réponses: 5
    Dernier message: 19/10/2007, 17h45
  5. Réponses: 7
    Dernier message: 30/07/2007, 10h26

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