Bonjour tout le monde,
J'ai un menu déroulant exepmle1 et un autre exemple2.
Je veux, en cliquant sur RAS-RAS dans exemple1, je n'ai plus de choix dans exemple2 à part RAS.
Je vous montre le code que j'ai réussi à faire :
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<body>
<div class ="row">
<div class="col-sm-6">
       <div class="form-group">
    <label for="exemple1"> exemple1</label>
<select id="exemple1" class="form-control" required name="exemple1" onChange="check();">
 
   <option  value="RAS-RAS">RAS-RAS</option>
   <option  value="test">test</option>
   <option  value="test2">test2</option>
   <option  value="test3">test3</option>
   <option  value="test4">test4</option>
       </div>
    </div></select>
 
<div class="col-sm-6">
       <div class="form-group">
    <label for="exemple2"> exemple2</label>
<select id="exemple2" class="form-control" required name="exemple2">
 
   <option value="RAS">RAS</option>
   <option id ="2"  value="2">2</option>
   <option id ="3" value="3">3</option>
   <option id ="4" value="4">4</option>
   <option id ="5" value="5">5</option></select>
       </div>
    </div>
 
    </div>
</body>
</html>
<script>
function check() {
    var el1404 = document.getElementById("exemple1");
    var str1404 = el1404.options[el1404.selectedIndex].text;
if(str1404 == "RAS-RAS") {
        hide();
    }else {
        show();
    }
 
}
 
function hide(){
    document.getElementById('2').style.visibility='hidden';
    document.getElementById('3').style.visibility='hidden';
    document.getElementById('4').style.visibility='hidden';
    document.getElementById('5').style.visibility='hidden';
    
}
function show(){
    document.getElementById('2').style.visibility='visible';
    document.getElementById('3').style.visibility='visible';
    document.getElementById('4').style.visibility='visible';
    document.getElementById('5').style.visibility='visible';
 
    
}
</script>
Le script marche quand je clique sur RAS-RAS au début, mais si je commence par choisir un élément de "exemple2" au début et qu'après je sélectionne RAS-RAS je vois toujours l'élément qui a été choisi au début en plus du RAS.
Y'a t-il moyen de le faire disparaitre ?
Merci d'avance de votre contribution.