Afficher un tableau selon choix liste ( JS )

Fermé
Cindy - 2 juil. 2009 à 18:32
 Cindy - 2 juil. 2009 à 18:39
Bonjour à tous & à toutes !

Voici mon (foutu) problème :

J'ai une liste déroulante et je voudrais que si l'on clique sur le choix 1, on m'affiche le tableau 1, sur le choix 2, le tableau 2, etc ... Bref afficher un tableau en fonction du choix dans ma liste déroulante .

Voici mon code :

<label for="Choix_type_site">Choix du type de site :</label>
<select name="liste" style="height:20px;width:148px" onchange="essai(this.value);">
<option disabled selected>Faites votre choix</option>
<option value="First">First</option>
<option value="Medium">Medium</option>
<option value="Full">Full</option>
<option value="E-commerce_light">E-commerce light</option>
<option value="E-commerce_full">E-commerce full</option>
<option value="E-catalogue">E-catalogue</option>
</select>

<script type="text/javascript">
function essai(valeur){
if(document.getElementById('test').firstChild){
document.getElementById('test').removeChild(document.getElementById('test').firstChild);
}
if(valeur==="First"){
document.getElementById('test').appendChild(document.createTextNode("txt1"));
}else if(valeur==="Medium"){
document.getElementById('test').appendChild(document.createTextNode("txt2"));
}else if(valeur==="Full"){
document.getElementById('test').appendChild(document.createTextNode("txt3"));
}else if(valeur==="E-commerce_light"){
document.getElementById('test').appendChild(document.createTextNode("txt4"));
}else if(valeur==="E-commerce_full"){
document.getElementById('test').appendChild(document.createTextNode("txt5"));
}else if(valeur==="E-catalogue"){
document.getElementById('test').appendChild(document.createTextNode("txt6"));
}
}

</script>

Et avec ce code je ne peux insérer que du texte au niveau des "txt1", "txt2" ... Du coup je me demande si le problème ne viendrait pas du "document.createTextNode" ... J'ai essayé de mettre "table" à la place mais ça ne veut pas marcher pour autant ^^

Je m'en sors franchement pas depuis ce matin donc un peu d'aide et quelques indications seraient les bienvenues :D

1 réponse

Je crois voir d'où vient le problème : j'ai réalisé entièrement mon tableau en HTML et j'imagine que je peux pas insérer mon tableau en HTML dans mon script ...

Est-ce compliqué de convertir mon tableau HTML en J.S ?
0