Rendre inactive une combobox selon la valeur choisie dans une 1er combobox

Version imprimable

06/12/2007, 15h51
The Molo

Rendre inactive une combobox selon la valeur choisie dans une 1er combobox

Bonjour,

Voici mon problème :

J'ai deux combobox, la 2ème dépend de la première càd que la deuxième combobox ne doit pas toujours être active(disabled) suivant les valeurs choisies dans la première combobox.

Vu que c'est du côté client que je dois traiter cela, j'en viens au javascript mais je ne m'y connais pas de trop... :roll:

Savez vous comment je dois m'y prendre pour traiter ce problème ? Ou si vous aviez un bout de code, il serait le bienvenu :oops:

Merci d'avance !
06/12/2007, 16h13
le_chomeur
salut , il te faut utiliser la propriété disabled :
Code:

1 2 3 4 5 6 function etaList(){ if(condition = vrai){ listeAdésactiver.disabled = true; } else{listeAdésactiver.disabled = false;} }
et sur la liste qui gère ta condition :
<select ... onchange="etatList()">...</select>

bon courage
06/12/2007, 16h44
The Molo

Merci de ta réponse !

J'ai compris en principe. :lol:

Mais j'ai déjà qqch dans mon onchange, comment puis je gérer cela ?
06/12/2007, 16h52
SpaceFrog

mets un point virgule

Code:

<select ... onchange="autrechose();etatList()">...</select>

Re salut

Je réponds un peu tard mais j'ai du passé à autre chose.

J'ai suivi vos conseils :

Fonction Javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script language="JavaScript">
function etaList()
{
    if(act_inst.go_source = 4 || act_inst.go_source = 5)
    {
       act_inst.go_util_chal.disabled = false;
    }
    else
    {
       act_inst.go_util_chal.disabled = true;
    }
}
</script>

1er Combobox

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<select name="go_source" onchange="bmodif=true;etaList()">
<%
DBExecuteRs rs, connDB, "select id_src, libelle from sources order by 1"
while not rs.eof
 
if rs("id_src")=nsource then
   response.write("<option value=" & rs("id_src") & " selected>" & rs("libelle")& "</option>")
else
   response.write("<option value=" & rs("id_src") & ">" & rs("libelle") & "</option>")
end if
 
rs.movenext
wend
%>
</select>

2è Combobox

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<select name="go_util_chal"  onchange="bmodif=true">
<%
DBExecuteRs rs, connDB, "select id_util_chal, libelle from utilisation_chaleur order by 1"
 
while not rs.eof
 
if rs("id_util_chal")=nutilchal then			
     response.write("<option value=" & rs("id_util_chal") & " selected>" & rs("libelle") & "</option>")
else						
     response.write("<option value=" & rs("id_util_chal") & ">" & rs("libelle") & "</option>")
end if
 
rs.movenext
wend
%>
</select>

Le nom du formulaire dans lequel ils se trouvent est "act_inst"

Le problème, c'est que ça ne marche pas ... :(

Voyez vous une erreur ???

Merci !

:oops:

Je ne suis vraiment pas doué en Javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script language="JavaScript"> function etaList() { if(document.getElementById(go_source).value == 4 || document.getElementById(go_source).value == 5) { alert('On est dans le If'); document.getElementById(go_util_chal).disabled = false; } else { alert('On est dans le Else'); document.getElementById(go_util_chal).disabled = true; } } </script>
Mais ca ne marche toujours pas ...
Mes alert ne s'affiche pas donc j'ai déjà un problème dans la condition ?? Ou à l'appel de la fonction ??

Merci

Il suffisait de mettre les noms des select entre des ''

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function etaList()
{
    if(document.getElementById('go_source').value == 4 || document.getElementById('go_source').value == 5)
    {
	document.getElementById('go_util_chal').disabled = false;
    }
    else
    {
             document.getElementById('go_util_chal').disabled = true;
	document.getElementById('go_util_chal').value = 0;
    }
}