liste déroulante javascript

Version imprimable

29/04/2009, 10h04
jah_is_able

liste déroulante javascript

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

Salut,

Code:

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>

Et c'est tout?
Citation:
Envoyé par andry.aime
Salut,
Code:

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

29/04/2009, 10h39
jah_is_able

ç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.

Code:

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>

29/04/2009, 11h16
jah_is_able

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