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

Résolu/Fermé
Jpaulweb - 4 déc. 2013 à 07:56
 Jpaulweb - 4 déc. 2013 à 14:05
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

choubaka Messages postés 39375 Date d'inscription jeudi 4 avril 2002 Statut Modérateur Dernière intervention 14 avril 2024 2 100
4 déc. 2013 à 09:07
Bonjour

Ceci est du javascript, ne pas confondre.
Je redirige votre question vers la bonne section.
0
astuces72 Messages postés 7722 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 17 avril 2024 1 637
Modifié par astuces72 le 4/12/2013 à 09:41
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>
0
Super... Ca fonctionne!
Merci
JPaul
0