[js-php]Desctiver un champs en fonction d'une liste

Version imprimable

06/06/2008, 13h45
maraly

[js-php]Desctiver un champs en fonction d'une liste

Bonjour,

J'ai une liste déroulante. Si l'utilisateur ne trouve pas son choix dans cette liste, il doit l'écrire dans un champs texte.
Et je voudrais que ce champs texte ne soit accessible que si l'utilisateur n'a rien choisit dans la liste déroulante.
Est-ce que quelqu'un pourrait me dire comme faire cela.

Merci
06/06/2008, 13h58
Bovino

A priori, un contrôle du style :

if (monSelect.selectedIndex = -1){monChampText.visibility="visible"}
else{monChampText.visibility="hidden"}

Salut,

Donne un id à ton champ de texte comme suit :

Code:

1
2
3
4
5
6
 
<input type="text" name="nom_du_champ" id="champ_custom" value="" />
<select name="nom_du_select" onchange="activer_input(this)">
<option value="">Selectionnez</option>
<option .....</option>
</select>

Crée une fonction javascript :

Code:

1
2
3
4
5
 
function activer_input(s){
var mdv = s.options[s.selectedIndex].value;
document.getElementById('champ_custom').disabled = (mdv==="") ? false : true; 
}

Voila en gros pour le cheminement.

++

06/06/2008, 14h21
E.Bzz

Code:

(mdv==="")

Un peu trop généreux sur ce coup ;)
==>

Code:

(mdv=="")

EDIT : d'ailleurs

Code:

document.getElementById('champ_custom').disabled = (mdv=="");

devrait être suffisant ...

A+

Merci pour cos réponse.
J'ai essayé comme suit, mais ça ne marche pas

Code:

1
2
3
4
5
6
 
function activer_input(s)
{
var mdv = s.options[s.selectedIndex].value;
document.getElementById('champ_custom').disabled = valeurListe=="");
}

Ma liste déroulante provient d'une base de données ACCESS, J'ai fait comme cela,

Code:

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
 
<?php
//connexion à la base
....
 
$query2= odbc_exec($connexion, "SELECT DISTINCT institution FROM equipe;") or die (odbc_error());
 
print "<b>Institution de provenance : </b>";
if ($query2) 
{		
print '<select name="instit" onChange="activer_input(this)">';
print '<option value="" selected>' . "" . '</option>'; 
while ($array = odbc_fetch_array($query2))
{
if ($_SESSION['instit'] == $array['institution']) 
{
print "<option selected>".$_SESSION['instit']."</option>";
}
else
{
print '<option value="' . $array['institution'] . '">' . $array['institution']. '</option>'; 
}		       
}
print '</select>';   
}
 
?>	
 
Si institution pas dans la liste Saisissez :
<input type="text" name="institu" id="champ_custom" size='20' maxlength='30' value="<? print($_SESSION['institu']);?>">

Mais si je ne selectionne rien dans la liste, mon champs texte est toujours accessible.

il y a un petit oubli,

J'ai oublié ma ValeurListe mais même comme ça, ça ne marche pas
Code:

1 2 3 4 5 6 7 function activer_input(instit) { var mdv = instit.options[instit.selectedIndex].value; document.getElementById('champ_custom').disabled = mdv==""); }

06/06/2008, 14h49
E.Bzz

Il manque une parenthèse, là

Code:

document.getElementById('champ_custom').disabled = (mdv=="");

A+
06/06/2008, 14h52
maraly

Même aprs ajout de la parenthese, ça ne le fait pas encore!!
06/06/2008, 14h57
E.Bzz

Citation:

Envoyé par maraly

Même aprs ajout de la parenthese, ça ne le fait pas encore!!

On peut voir le code généré (celui pris dans le nav : sans PHP) ?

A+

Code:

1
2
3
4
5
6
//fonction qui ne permet l'acces aux cases texte que si on n'a rien choisit dans la liste
		function activer_input(s)
		{
			var mdv = s.options[s.selectedIndex].value;
			document.getElementById('champ_custom').disabled = (mdv=="");
		}

Code:

1
2
3
<b>Institution de provenance : </b><select name="instit" onChange="activer_input(this)"><option value="" selected></option><option value="CUIRE">CUIRE</option><option value="CENTRE-LEON-BERARD">CENTRE-LEON-BERARD</option><option value="UMG">UMG</option><option value="SAINT-JOSEPH">SAINT-JOSEPH</option><option value="CHLS">CHLS</option><option value="CROIX-ROUSSE">CROIX-ROUSSE</option><option value="CHARPENNES">CHARPENNES</option><option value="CLINIQUE-JEANNE-D-ARC">CLINIQUE-JEANNE-D-ARC</option><option value="CHARIAL">CHARIAL</option><option value="MAISON-DE-RETRAITE-LA-CHRISTIMONE">MAISON-DE-RETRAITE-LA-CHRISTIMONE</option><option value="HERRIOT">HERRIOT</option></select>
 
				<input type="text" name="institu" id="champ_custom" size='20' maxlength='30' value="">

06/06/2008, 15h21
E.Bzz

Très étonnant : chez moi ça fonctionne sous IE6 et Firefox :mouarf:

Tu as remarqué que pour voir la désactivation de l'input (sous IE), il faut avoir saisi du texte avant ?
De plus il faut d'abord avoir fait un autre choix dans la liste (puisque celui-ci est selected par défaut) pour déclencher le onchange ...

A+
06/06/2008, 15h28
maraly

ah, ça marche, mais dans l'autre sens!
c'est à dire que je n'ai pas acces à la case si je n'ai rien selectionné, et j'y ai accès en ayant selectionné dans la liste.
Je vais revoir

Merci à tous
06/06/2008, 15h31
maraly

C'est bon, avec
document.getElementById('champ_custom').disabled = (mdv!=="");

J'ai dû mal expliqué au départ.

Merciii
06/06/2008, 15h33
E.Bzz

Citation:

Envoyé par maraly

J'ai dû mal expliqué au départ.

Ca doit être ça ;)
Dans ce cas :

Code:

document.getElementById('champ_custom').disabled = (mdv!="");

Quelle abondance de "=" dans cette discussion ...

A+
06/06/2008, 16h11
escteban

Salut,

Vu qu'on sait que le type de la var est une chaine , pourquoi es tu contre l'utilsation de === ?

++