Si variable contient

Fermé
Sinistrus Messages postés 1009 Date d'inscription mercredi 12 décembre 2007 Statut Membre Dernière intervention 20 février 2023 - Modifié par Sinistrus le 26/09/2013 à 11:20
jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 - 26 sept. 2013 à 19:23
Bonjour à tous !

à l'aide d'un <select> je récupère des valeurs d'une table, par exemple C21, D14...

Je voudrais qu'au clique (à la sélection de la valeur) l'on m'affiche un texte par exemple :
Si je choisis dans le select la valeur C21 l'on m'affichera dans une <div> le mot "crème"
Si je choisis dans le select la valeur D14 l'on m'affichera dans une <div> le mot "savon"

Voici ce que j'ai fais, mais je trouve ça trop long pour le nombre de ligne que j'ai :
<script type="text/javascript">
function MonSelect(){
var type = document.getElementById("type").value;

if (type == "1") {document.getElementById("1").style="display:block";} else
{document.getElementById("1").style="display:none";}

if (type == "2") {document.getElementById("2").style="display:block";} else
{document.getElementById("2").style="display:none";}

if (type == "3") {document.getElementById("3").style="display:block";} else
{document.getElementById("3").style="display:none";}

}
</script>

<SELECT name="type" id="type" onchange="MonSelect();">
<OPTION value="1">Bonjour</OPTION>
<OPTION value="2">Bonsoir</OPTION>
<OPTION value="3">Bonne nuit</OPTION>
</SELECT>

<div id="1" style="display:none">Re-bonjour</div>
<div id="2" style="display:none">Re-bonsoir</div>
<div id="3" style="display:none">Re-bonne nuit</div>

Vous avez une idée svp ?
Merci de votre aide !

1 réponse

jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 38
26 sept. 2013 à 19:23
bonjour,

avec ceci peut-être :


<script type="text/javascript">
function MonSelect(){
var type=document.getElementById("type").value;
document.getElementById("reponse").innerHTML=""+type+"";
}
</script>

<SELECT name="type" id="type" onchange="MonSelect();">
<OPTION value="Re-bonjour">Bonjour</OPTION>
<OPTION value="Re-bonsoir">Bonsoir</OPTION>
<OPTION value="Re-bonne nuit">Bonne nuit</OPTION>
</SELECT>

<div id="reponse" style="display:none"></div>

Cordialement,
0