Rechercher : dans
Par :

Afficher un tableau selon choix liste ( JS )

Dernière réponse le 2 jui 2009 à 18:39:40 Cindy, le 2 jui 2009 à 18:32:33 
 Signaler ce message aux modérateurs

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

Configuration: Notepad & Wamp / Windows Vista / Internet Explorer

Meilleures réponses pour « Afficher un tableau selon choix liste ( JS ) » dans :
Liste des ports ouverts VoirQue vous soyez sous Windows ou Linux/Unix, la commande suivante (en console) permet d'afficher la liste des ports ouverts sur votre ordinateur :netstat -a Pour des outils graphiques plus poussés, voir Quels sont les ports ouverts sur ma machine
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...

1

 Cindy, le 2 jui 2009 à 18:39:40

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 ?

Répondre à Cindy