[JS] apparaitre div par une liste deroulant

Résolu/Fermé
MOHshow - 4 juin 2009 à 14:25
 MOHshow - 4 juin 2009 à 15:40
Bonjour,

Je voudrai que l'on m'aide a corriger ce script que j'ai recuperer sur ce forum.

Si l'option "Refuser" est selectionner dans la liste deroulante, le div fait apparaitre un textarea.
Sinon ne rien mettre dans le div.

<select name="do" onchange="selectbasic(this);">
   <option value="accept">Accepter</option>
   <option value="refuse">Refuser</option>
   <option value="delete">Effacer</option>
</select>




<script>
function selectbasic(option) {
	if(option.value == refuse) {
		document.getElementById('div-cause').innerHTML = '<TEXTAREA name="cause" rows=10 COLS=40></TEXTAREA> ';
	} else { 
		document.getElementById('div-cause').innerHTML = '';
	}
}
</script>




<div id="div-cause"></div>



|-
| Liste derroulant
|-
| Script Javascript
|-
| Le div a faire apparaitre si "Refuser" selectionner.
|-

3 réponses

redlifebig Messages postés 59 Date d'inscription jeudi 5 juin 2008 Statut Membre Dernière intervention 17 mars 2010 23
4 juin 2009 à 14:44
Bonjour

change ça if(option.value == refuse) par ça if(option.value == "refuse")
4
Bonjour,

Voilà le code corrigé.

<html>
<head>
<title>Exemple</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function selectbasic(option)
{
if(option.value == 'refuse')
{
alert('ooo');
document.getElementById('div-cause').innerHTML = '<TEXTAREA name="cause" rows=10 COLS=40></TEXTAREA> ';
}
else
{
alert('ppp');
document.getElementById('div-cause').innerHTML = '';
}
}
</script>
<body>
<select id="do" name="do" onchange="selectbasic(this);">
<option value="accept" selected>Accepter</option>
<option value="refuse">Refuser</option>
<option value="delete">Effacer</option>
</select>
<br>
<div id="div-cause"></div>
</body>
</html>

A bientôt ++
1
Ahhh !

Merci a vous deux ^^

Cela fonctionne maintenant :)
0