Récupération de la valeur d'un select dynamique

Bonsoir à tous,

dans un but d'élaborer un WYSIWYG, j'ai créer grâce à Javascript deux listes déroulantes qui contiennent différentes police et différentes taille de police.

Cependant, je n'arrive pas a récupérer de façon correcte la taille ou le type de police afin de l'appliquer sur du texte sélectionné.

En fait, sur cette liste déroulante, j'ai associé une fonction qui change automatiquement la police ou la taille du texte lorsqu'on choisie une valeur dans la liste. C'est donc à ce moment là que je souhaite connaitre la valeur sélectionnée.

J'espère m'être exprimé correctement.

Bonjour,

Pourriez-vous nous montrer un peu de code ?

Bonjour, avec plaisir!

Voici ma fonction qui me permet de créer mes liste déroulantes :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

function creerSelect(parent,nom,taille,tab,methode){ var enfant= document.createElement("select"); enfant.setAttribute("id",nom); enfant.setAttribute("size",taille); enfant.setAttribute("value","Mon titre"); for (var i=0; i< tab.length; i++){ var petitEnf= document.createElement("option"); petitEnf.setAttribute("value",tab[i]); if (i==0) petitEnf.setAttribute("selected","selected"); var texte= document.createTextNode(tab[i]); petitEnf.appendChild(texte); enfant.appendChild(petitEnf); } if (enfant.addEventListener) enfant.addEventListener("onchange",methode,false); else if (enfant.attachEvent) enfant.attachEvent("onchange",methode); parent.appendChild(enfant); }

---

Mon appel de fonction :

Code:

---

1 2	var taillePolice= new Array("1","2","3","4","5","6","7"); creerSelect(obj,"selectTaille","1",taillePolice,function(){TailChx()});

---

et pour finir, ma fonction censée récupérer la valeur sélectionnée et l'appliquer au texte :

Code:

---

1 2 3 4 5 6

function TailChx() { var sel = document.forms[1].selectTaille; Champ.execCommand("FontSize", false, sel[sel.selectedIndex].text); Fen.focus(); }

---

C'est dans cette dernière que le problème intervient. Ca ne récupère pas comme il faut la valeur sélectionnée.

Merci de ton aide vermine

Je pense que c'est à ce niveau-ci, value au lieu de text:

Code:

---

1 2 3

var sel = document.forms[1].selectTaille; Champ.execCommand("FontSize", false, sel[sel.selectedIndex].value);

---

Vérifiez quand même que c'est ben le second formulaire du document et que Champ est bien connu.

Merci pour ta réponse.

J'ai bien changé le ".text" en ".value", mais ca ne marche toujours pas.
Lorsque je sélectionne une valeur dans ma liste, IE me fait l'erreur suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10

Détails de l’erreur de la page Web   Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; MathPlayer 2.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322) Horodateur : Wed, 2 Jun 2010 07:59:53 UTC   Message : 'selectedIndex' a la valeur Null ou n'est pas un objet. Ligne : 319 Caractère : 55 Code : 0 URI : file:///E:/essai/essai.js

---

Champ est quand a lui une variable globale que j'utilise ailleurs, aussi pour faire des execCommand, et ca marche très bien.
Et oui, ma liste se trouve bien dans mon deuxième formulaire.

Que dit le code HTML généré ?

C'est-à-dire ? Je ne vois pas ce que tu veut dire :?

Ok, c'est bon j'ai compris ce que tu veut dire. J'ai pu retrouvé a quoi ressemblé le code généré.
Et j'ai pu voir que l'id de ma liste était différente de celui à quoi je m'attendais.

Erreur corrigé, j'attribue le bon id a ma liste, et le code fonctionne parfaitement.

Merci encore de m'avoir aidé a cherché mon erreur vermine.

Bonne journée