Discussion :

[maraly]

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

[Bovino]

A priori, un contrôle du style :

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

[escteban]

Salut,

Donne un id à ton champ de texte comme suit :

Code :

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

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 :

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

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.

++

[E.Bzz]

Code :

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

(mdv==="")

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

Code :

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

(mdv=="")

EDIT : d'ailleurs

Code :

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

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

devrait être suffisant ...

A+

[maraly]

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

Code :

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

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 :

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

[maraly]

il y a un petit oubli,

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

Code :

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

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

[E.Bzz]

Il manque une parenthèse, là

Code :

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

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

A+

[maraly]

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

[E.Bzz]

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+

[maraly]

Code :

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

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 :

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

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="">

[E.Bzz]

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

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+

[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

[maraly]

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

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

Merciii

[E.Bzz]

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

Ca doit être ça
Dans ce cas :

Code :

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

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

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

A+

[escteban]

Salut,

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

++