Liste déroulante qui active/désactive champs
Bonsoir,
Je n'y connais pour ainsi dire rien du tout en javascript mais j'aurai besoin de desactiver un champ texte si la liste déroulante est à zero.
J'ai une liste déroulante (produits) alimentée par une base de données.
j'ai également un champ text qui permet de rentrer une quantité.
je souhaiterai désactiver le champs text si aucun produit n'a été sélectionné dans la liste déroulante.
Pour le moment j'ai ceci :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| function activation( id ) {
document.getElementById( id ).disabled = false;
}
function desactivation( id ) {
document.getElementById( id ).disabled = true;
}
function desactiver( Select , valeur , listid ) {
if( Select.value == valeur ) {
for( var i = 0 ; i < listid.length ; i++ ) { desactivation( listid[ i ] ); }
}
else {
for( var i = 0 ; i < listid.length ; i++ ) { activation( listid[ i ] ); } }
} |
Code:
1
2
3
4
5
6
7
8
9
| <form action="" method="POST">
<select name="choix" onchange="javascript:desactiver( this , 'choix' , [ 'desactive' ] );">
<option value="choix">Choix</option>
<option value="1" selected>1</option>
<option value="2">2</option>
</select>
<br/>
<input type="text" id="desactive" disabled />
</form> |
Le problème c'est que si un produit a déjà été inséré, alors la liste déroulante sélectionne automatiquement le produit mais mon champs text avec sa quantité sont désactivés
Une idée svp?
