[JS] apparaitre div par une liste deroulant
Résolu
MOHshow
-
MOHshow -
MOHshow -
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.
|-
| Liste derroulant
|-
| Script Javascript
|-
| Le div a faire apparaitre si "Refuser" selectionner.
|-
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.
|-
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
Bonjour
change ça if(option.value == refuse) par ça if(option.value == "refuse") -
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 ++ -