Désactiver le select si input n'est pas vide

Invité · 13/05/2008, 15h02

Bonjour,

J'ai un formulaire composé d'une liste à choix (select) et d'un champ input type texte. Je voudrais que si l'utilisateur saisit quelque chose dans le champ texte, la liste soit grisée mais si le champs texte est vide, le champs est activé.

J'ai donc fait ceci :

Code :

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

1
2
3
4
5
6
7
8
 
function modif_select()
    {
        if(document.form_ad_galerie.new_album.value == null)
            document.form_ad_galerie.ad_album.disabled='false';
        else
            document.form_ad_galerie.ad_album.disabled='true';
    }

Et j'ai mis cela dans mon champ texte :

Code :

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

1
2
 
<input type="text" size="20" name="new_album" onKeydown="modif_select();" />

Malheureusement cela ne fonctionne pas.... quelqu'un aurait-il une idée pour m'aider ?

**le_chomeur** · 13/05/2008, 15h14

salut

Code :

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

1
2
3
4
5
6
7
function modif_select()
    {
        if(document.form_ad_galerie.new_album.value == null)
            document.form_ad_galerie.ad_album.disabled="disabled";
        else
            document.form_ad_galerie.ad_album.disabled="";
    }

Invité · 13/05/2008, 15h38

Ca ne fonctionne pas... en fait quand je commence de taper dans le champs, le select se désactive, ça c'est ok mais quand je supprime ce que j'ai écris le champs select ne se réactive pas....

**htr999** · 13/05/2008, 15h40

essaie ceci et tu l'adaptera à ton code
ca me parait bizarre, normalement le code de le_chomeur me semble parfait ...

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
<head>
<script>
function process(obj){
	document.getElementById("num").innerHTML = obj.value.length;
	if (obj.value.length > 0)
		document.getElementById("selectTag").disabled = "true";
	else
		document.getElementById("selectTag").disabled = "";	
}
</script>
</head>
 
<body>
<select id="selectTag">
	<option>1</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
</select>
 
<input type="text" onkeyup="process(this)"/>
<div id="num"></div>
</body>

**htr999** · 13/05/2008, 15h41

le problème vient peut-être de ton test

Code :

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

if(document.form_ad_galerie.new_album.value == null)

**SpaceFrog** · 13/05/2008, 15h46

Code :

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

if(document.form_ad_galerie.new_album.value == '')

ou

Code :

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

if(document.form_ad_galerie.new_album.value.length == 0)

Invité · 13/05/2008, 15h51

Cool cool cool !!!

Alors j'ai mis cette fonction :

Code :

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

1
2
3
4
5
6
7
8
 
function modif_select()
    {
        if(document.form_ad_galerie.new_album.value.length == 0)
            document.form_ad_galerie.ad_album.disabled="";
        else
            document.form_ad_galerie.ad_album.disabled="disabled";
    }

Et j'ai mis l'événement onKeyUp :

Code :

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

1
2
 
<input type="text" size="20" name="new_album" onKeyUp="modif_select();" />

Merci les gars

Désactiver le select si input n'est pas vide

JavaScript

Discussions similaires

Partager

Partager