Discussion :

[sebhm]

Bonjour,

j'essaie de gérer un select dynamique contenant des Optgroup.

Pour ajouter un Option, je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var loption = document.createElement("option" );
loption.setAttribute('value','ma valeur');
loption.appendChild(document.createTextNode('mon texte à afficher'));
opg.appendChild(loption);

opg étant l'OPTGROUP auquel je veux rajouter un element


ca marche mais mon option sera toujours ajouté à la fin de mon groupe.
Comment faire pour insérer mon option à un endroit précis ?

merci

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var mon_option = new Option(value, text, defaultSelected, selected);
opg.insertBefore(opg.options[option_avant_laquelle_ajouter],mon_option);

[sebhm]

merci pour vos réponses.
J'ai trouvé autre chose.

Je n'aime pas trop le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new Option

(est-ce conforme au dernier DOM ??)


alors je fais comme ca

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var loption = document.createElement("option" );
loption.setAttribute('value','MA VALEUR');
loption.appendChild(document.createTextNode('MON TEXTE'));
 
// on cherche l'option avant laquelle insérer .... on la recupere dans 'loptiondapres'
//on a également (optionnel) récupéré l'OPTGROUP dans lequel insérer notre Option dans 'opg_dst'
 
opg_dst.insertBefore(loption, loptiondapres);

si ca peut aider qqn