Fonction display en javascript

Résolu/Fermé
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 - 26 juin 2008 à 15:21
Passarinho44 Messages postés 963 Date d'inscription mercredi 28 mai 2008 Statut Contributeur Dernière intervention 13 juin 2012 - 27 juin 2008 à 09:54
Bonjour,

J'ai une fonction javascript pour afficher un morceau d'un formulaire à partir d'une liste déroulante.
J'air repris un code existant et je ne comprends pas pourquoi celui-là ne fonctionne pas alors que l'autre fonctionne sans problème??

Voici le code de la fonction javascript :


function datadisplay3()
{
if(document.saisieincident.donnee4.value == "AS400")
{ document.getElementById('formulaireMachine').style.display = 'block';
}
else
{
document.getElementById('formulaireMachine').style.display = 'none';
}
}



Et voici le code de la liste déroulante et du formulaire :

<select name='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>

<dl>
<dd id="formulaireMachine">
<!--Ici mon formulaire-->
</dd>
</dl>

Voilà et quelle que soit la valeur sélectionnée dans la liste déroulante, mon formulaire reste affiché...

J'espère avoir été assez clair sur mon problème ...
A voir également:

3 réponses

salut,

j'espère que sa t'aidera :

<HTML>
<HEAD>
<TITLE>Teste</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function datadisplay3()
{
alert("coucou");
var obj = document.getElementById('donnee4');
if(obj.value == "AS400"){
alert("coucou 1");
document.getElementById('formulaireMachine').style.display = 'block';
}
else {
alert("coucou 2");
document.getElementById('formulaireMachine').style.display = 'none';
}
}
</SCRIPT>
</HEAD>

<BODY>
<FORM>
Et voici le code de la liste déroulante et du formulaire :
<select id='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 1<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 2<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 3<P>
</dd>
</dl>
</FORM>
</BODY>
</HTML>
4
salut,

j'ai oublié d'enlever les alertes (c'était seulement pour les tests).

<HTML>
<HEAD>
<TITLE>Teste</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function datadisplay3()
{
var obj = document.getElementById('donnee4');
if(obj.value == "AS400"){
document.getElementById('formulaireMachine').style.display = 'block';
}
else {
document.getElementById('formulaireMachine').style.display = 'none';
}
}
</SCRIPT>
</HEAD>

<BODY>
<FORM>
Et voici le code de la liste déroulante et du formulaire :
<select id='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 1<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 2<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 3<P>
</dd>
</dl>
</FORM>
</BODY>
</HTML>
0