[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.
|-
A voir également:
- [JS] apparaitre div par une liste deroulant
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Apparaitre hors ligne instagram - Guide
- Apparaitre hors ligne whatsapp - Guide
- Liste code ascii - Guide
3 réponses
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 ++
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 ++