Affichage "formulaire texte" si "autre" dans le menu déroula

Résolu/Fermé
-
 Jpaulweb -
Bonjour,

J'ai ce code ci:
en java:
<script type="text/javascript">
function afficherAutre()
{
    //-- Recup reference au SPAN
    var O_Span = document.getElementById("autre");
    //-- Recup reference au SELECT
    var O_Select = document.form1["nom_select"];
    //-- Test sur valeur de la selection
    if( O_Select.value == "autre")
    {
        O_Span.style.display = "";
    }
    else
    {
        O_Span.style.display = "none";
    }
}
</script>

en html:
<select name="type_offre" onchange="afficherAutre()">
    <option value="">-</option>;
    <option value="cdi">C.D.I.</option>
    <option value="cdd">C.D.D.</option>
    <option value="cdi">Interim</option>
    <option value="stage">Stage</option>
    <option value="cdi">Apprentissage/Alternance</option>
    <option value="autre">Autre</option>
 </select>
 <span id="autre" style="display: none"> Autre :
    <input type="text" id="type_offre" name="type_offre">
 </span>

Merci de me dire ce qui ne fonctionne pas.
1000 mercis.
JPaul

2 réponses

Messages postés
38795
Date d'inscription
jeudi 4 avril 2002
Statut
Modérateur
Dernière intervention
27 janvier 2022
2 043
Bonjour

Ceci est du javascript, ne pas confondre.
Je redirige votre question vers la bonne section.
Messages postés
6792
Date d'inscription
vendredi 15 janvier 2010
Statut
Membre
Dernière intervention
25 janvier 2022
1 655
hello

essaye ça:

<script type="text/javascript">
function afficherAutre()
{
    //-- Recup reference au SPAN
 var O_select = document.getElementById('nom_select').value;
if (O_select=="autre"){

        O_Span.style.display = "block";
    }
    else
    {
        O_Span.style.display = "none";
    }
}
</script>

 
<select name="nom_select" id="nom_select" onchange="afficherAutre()">
    <option value="">-</option>;
    <option value="cdi">C.D.I.</option>
    <option value="cdd">C.D.D.</option>
    <option value="cdi">Interim</option>
    <option value="stage">Stage</option>
    <option value="cdi">Apprentissage/Alternance</option>
    <option value="autre">Autre</option>
 </select>
 <span id="O_Span" style="display: none"> Autre :
    <input type="text" id="type_offre" name="type_offre">
 </span>
Super... Ca fonctionne!
Merci
JPaul