Discussion :

[argon]

Bonjour tout le monde

Je souhaiterais que le select appart s'affiche quand Appartement de select logement est selectionné.

Voici les codes


style:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<style type="text/css">
select.hide { 
visibility:hidden;
display:none;
}
select.show {
visibility:visible;
display:;
}
 
</style>

Le select logement:

Code :

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

1
2
3
4
5
6
7
8
9
 
<SELECT name="logement" id="btnRecherche" onchange="document.getElementById('cbb1').className='show'">
 
<option style="background-color:yellow">-Type de logement-</option>
 
<option style="background-color:yellow">Maison</option>
 
<option style="background-color:yellow">Appartement</option>
</SELECT>

Quand on selectionne Appart du combo logement, le combo appart dois s'afficher.

Code :

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

1
2
3
4
5
6
 
<SELECT  id="cbb1" name="appart" class="hide">
 
<option style="background-color:yellow">-type appart-</option>
<option style="background-color:yellow">t1</option>
</SELECT>

Je ne vois pas comment réaliser la fonction.

Merci

A +

[gwinyam]

Ouah tu te casses la tête là.

Ton premier SELECT, celui qui fera apparaitre l'autre:

Code html :

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

1
2
3
<select name="liste1" id="liste1" onchange="afficher();">
    <option>[...]</option>
</select>

Le second:

Code html :

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

1
2
3
<select name="liste2" id="liste2" style="display: none;">
    <option>[...]</option>
</select>

Le code javascript relié à ton premier SELECT:

Code javascript :

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

1
2
3
4
5
6
7
function afficher() {
    if(document.getElementById("liste1").value = 1) {
        document.getElementById("liste1").display = '';
    } else {
        document.getElementById("liste1").display = 'none';
    }
}

ça devrait le faire

[E.Bzz]

Ouah tu te casses la tête là.

Pas vraiment : c'était presque bon

A+

[gwinyam]

Ouais c'est presque pareil, si on chipote à la ligne de code

[E.Bzz]

Ouais c'est presque pareil, si on chipote à la ligne de code

A propos de chipotter

Code :

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

document.getElementById("liste1").style.display = 'none';

Et sinon, les value sont toujours de type caractère et non numérique (comme dans ton exemple) ...

A+

[gwinyam]

Ah ouais pas faux. Erreur de jeunesse

[E.Bzz]

Bonjour,
c'est comme tu l'as fais côté JS :

Code :

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

<SELECT name="logement" id="btnRecherche" onchange="document.getElementById('cbb1').className='show'">

Mais pour le CSS :

Code :

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

1
2
3
4
select.show {
visibility:visible;
display:block;
}

Tu n'as pas besoin des styles visibility ET display : choisis un des 2

A+