Conditionner un SELECT a partir de la valeur d'un autre SELECT

**l.laurent60** · 28/02/2023, 14h44

Bonjour,
Je suis un peu perdu en JS, j'ai un form avec cela :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<select name="poste" onchange="SelectPoste(this.value);">
          <option value="0">Choix du poste</o
          <?php foreach($Select_Poste as $key=> $val) {
                         echo '<option value="'.$key.'">'.$val.'</option>';
                    }
           ?>
</select>

Et je voudrais que lorsque la valeur choisie est gela a 8 ou 9

le select suivant voit verrouillé a la valeur 3

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 <select name="groupe" id="groupe" onchange="updateGroupe(this.value,document.frm.TypeContrat.value,true);">
                        <option value="0">Choix du groupe</option>
                        <?php
                        foreach($Select_Groupes as $key=> $val) {
                            echo '<option value="'.$key.'">'.$val.'</option>\n';
                        }
                        ?>
                    </select>

comment faut il l'écrire ?

Merci par avance pour votre aide les amis

**SpaceFrog** · 28/02/2023, 15h04

https://www.developpez.net/forums/d5...s-liees-entre/

**l.laurent60** · 28/02/2023, 15h17

Merci pour ton retour, mais je n'ai pas trouvé ou compris

**l.laurent60** · 01/03/2023, 14h59

Quand on ne peux rentrée par la porte il faut passer par la fenêtre?
J'ai trouvé une solution, merci pour vos retour.

**ProgElecT** · 01/03/2023, 15h32

Envoyé par l.laurent60

....
J'ai trouvé une solution ...

Cela serait sympathique de partager

.

**l.laurent60** · 02/03/2023, 14h36

L'idée première était de verrouiller un select a une valeur en fonction de la valeur du select plus haut.
Comme je n'ai pas trouvé la solution sur le forum j'ai fait un 2ème select masquer que j'affiche via le selecteur onchange quand la valeur correspond.
Maintenant, c'est pas la meilleur solution...

**laurentSc** · 03/03/2023, 22h03

Envoyé par SpaceFrog

https://www.developpez.net/forums/d5...s-liees-entre/

J'ai regardé le post de ce denisC : il est fort car il s'est inscrit en février 2005 et son post date de 2002...

Pour info, même si rawsrc a quitté DVP en 2020 (je crois), il est toujours actif, incroyablement fort et m'aide beaucoup.

**l.laurent60** · 04/03/2023, 16h59

Merci Laurent pour ce retour si je n'arrive pas a trouver je tenterais de prendre contact
Je pense être proche l'idée est là mais la syntaxe me fait défaut grrrrr :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
       document.getElementById('test').selectedIndex = "all".disabled="disabled" ;
       document.getElementById('test').selectedIndex = "3".selected="selected" ;

Peut être qu'une âme charitable me corrigera...

Merci par avance les amis

Code html :

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
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
</head>
 
<!-- <script type="text/javascript"> -->
<script>function animal(id=false){
    if(id=="goldfish") {
       document.getElementById('test').selectedIndex = "all".disabled="disabled" ;
       document.getElementById('test').selectedIndex = "3".selected="selected" ;
    }
} 
</script>    
<body>
<form name="frm" method="post" action="#">
    <select name="animal" id="animal" onchange="animal(this.value)">
        <option value="">--Please choose an option--</option>
        <option value="dog">Dog</option>
        <option value="cat">Cat</option>
        <option value="goldfish" >Goldfish</option> 
    </select>
 
    <select name="test" id="test">
        <option value="">--Please choose sport</option>
        <option value="1">foot</option>
        <option value="2">tennis</option>
        <option value="3">velo</option>
    </select>	
</form>
</body>
</html>

**laurentSc** · 04/03/2023, 18h02

Étonnant que dans son post de 2002 (https://www.developpez.net/forums/d5...s-liees-entre/) denisC cite un article de rawsrc qui date de 2011...

**l.laurent60** · 04/03/2023, 18h13

Désolé, j'ai beau lire et relire je ne trouve pas la bonne syntaxe

J'ai bien trouvé cela, j'avance

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("test").selectedIndex = 3;

ce qui résous partiellement mon problème, maintenant quelle syntaxe pour déactiver les autres options:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("test").option[1] = disabled="disabled";

**ProgElecT** · 04/03/2023, 19h00

Envoyé par laurentSc

Étonnant que dans son post de 2002 (https://www.developpez.net/forums/d5...s-liees-entre/) denisC cite un article de rawsrc qui date de 2011...

le postage a été modifié le 01/07/2013 à 17h55, ceci explique cela

Conditionner un SELECT a partir de la valeur d'un autre SELECT

JavaScript

Vue hybride

Discussions similaires

Partager

Partager