liste déroulante javascript

**jah_is_able** · 29/04/2009, 10h04

Bonjour,

J'ai deux liste déroulantes, j'aimerais que lorsque l'utilisateur a déjà fait un choix dans la première liste il peut alors faire son second choix sur la deuxième liste.

En gros la deuxième liste de selection reste inactive tant que le premier choix n'a pas été fait.

Je ne sais si je suis assez clair mais je ne saurais mieux décrire mon problème...

Merci a l'avance pour l'aide

**andry.aime** · 29/04/2009, 10h18

Salut,

Code :

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

1
2
3
4
5
6
7
<select id="select1" onchange="document.getElementById('select2').disabled=false">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="select2" disabled="disabled">
<option value="3">3</option>
</select>

**jah_is_able** · 29/04/2009, 10h26

Et c'est tout?

Envoyé par andry.aime

Salut,

Code :

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

1
2
3
4
5
6
7
<select id="select1" onchange="document.getElementById('select2').disabled=false">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="select2" disabled="disabled">
<option value="3">3</option>
</select>

N'ya t-il pas un fichier .js? un script ; enfin je vais essayer ça . Merci

**jah_is_able** · 29/04/2009, 10h39

ça marche seulement au chargement de la page

Par exemple si l'utilisateur enlève son choix dans la première liste je souhaite que la deuxième liste soit ou redévienne inactive sans recharger ou réactualiser la page.

En tout cas merci a toi c'est un pas considérable que j'ai fait avec ton aide.

**andry.aime** · 29/04/2009, 10h48

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
18
19
20
21
22
23
<html>
<head>
<script type="text/javascript">
function activer()
{
var a = document.getElementById('select1');
if(a.options[a.selectedIndex].value!=-1)
   {document.getElementById('select2').disabled=false}
else document.getElementById('select2').disabled=true;
}
</script>
</head>
<body>
<select id="select1" onchange="activer()">
<option value="-1">choix</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="select2" disabled="disabled">
<option value="3">3</option>
</select>
</body>
</html>

**jah_is_able** · 29/04/2009, 11h16

Merci.
Désolé une autre question, est-ce le même principe avec trois liste déroulante? c'est-a-dire que les deux autres ne doivent s'activer que quand la première est activer.

Bon merci a toi ,je vais chercher moi pour ne pas abuser de ta patience;

Thank U and Jah bless U

liste déroulante javascript

JavaScript

Discussions similaires

Partager

Partager