Cherche fonction ou script pour gérer la balise optgroupRésolu

Question

Bonjour &#224; tous,

Je suis quasi d&#233;butant en javascript mais je sais comprendre un code m&#234;me si je ne sais pas trop programmer et g&#233;n&#233;ralement je sais me d&#233;brouiller avec des exemples de script... mais la je s&#232;che...
Je cherche d&#233;sesp&#233;rement &#224; agir sur la balise <OPTGROUP> &#224; l'aide d'un script ou d'une fonction javascript.

J'ai d&#233;j&#224; tent&#233; des choses en utilisant : document.getElementById("optgroup_de_mon_choix").innerHTML et  document.getElementById("optgroup_de_mon_choix").label mais sans succ&#233;s... J'ai r&#233;ussi &#224; supprimer le contenu du optgroup mais pas son label et r&#233;ussi &#224; changer le label mais pas &#224; supprimer le optgroup lui m&#234;me...

Pour &#234;tre plus clair, je joint un exemple de ce que j'ai voulu faire. J'ai repris le tuto http://robloche.free.fr/javascript/tuto_xhr/tuto_xhr.html#section_05 qui consiste &#224; filtrer le contenu d'une liste d&#233;roulant (liste2) en fonction du choix fait dans une premi&#232;re liste d&#233;roulante (liste1) gr&#226;ce &#224; l'objet XMLHTTPRequest et une requete &#224; une base de donn&#233;es dans un script php. J'ai adapter ce tuto &#224; mes besoins et parce que ma liste2 est tr&#232;s grande j'ai ajout&#233; des optgroup pour que ce soit plus lisible :

    

lorsque je "filtre" le contenu de la liste2 &#224; l'aide du javascript et du script php voila ce que j'obtiens :




Comme vous pouvez le voir les options s'ajoute &#224; la fin de la liste et les optgroup restent pr&#233;sents ce qui n'est pas tr&#232;s propre &#224; mon go&#251;t...

Je cherche donc, pour la liste2, le moyen de supprimer les optgoup apr&#232;s filtrage ou d'ins&#233;rer les options voulues dans le bon optgroup (optgroup "canid&#233;s" pour cette exemple) en javasript biens&#251;r.

Je ne pense pas que de mettre tout mon script avancerait &#224; quelque chose, c'est ni plus ni moins celui du tuto cit&#233;. Juste pour info, je demande au script php de retourner le script suivant :
var s = document.forms[mon_formulaire].elements[liste2];
s.options.length = 0;
et pour chaque i de resultat_de_ma_requete (boucle while) :
s.options[s.options.length] = new Option("resultat_de_ma_requete_i");

J'esp&#232;re avoir &#233;t&#233; suffisement clair dans mes explications et que vous pourrez m'apporter un &#233;l&#233;ment de r&#233;ponse. Je remercie tout le monde d'avance tr&#232;s vivement.

cs_bultez · Accepted Answer

je n'ai pas très bien compris cette histoire de filtrage ni se qu'on obtient, ni où c'est affiché : dans un nouveau select ? dans le 2ème ? et l'aspect de ces listes n'est pas rendu ici, donc... en attendant ci-dessous une manière de sucrer un optgroup et ce qu'il contient : ( outerHTML ne semble pas fonctionner avec FF ou je fais une bourde ? j'ai donc fait une séquence pour lui ) on peut utiliser Text à la place de HTML je pense.

tithom1334 · Answer

Merci...

Trop cool... c'est juste ce que je voulais... MERCI BEAUCOUP...

A bient&#244;t.

Cherche fonction ou script pour gérer la balise optgroup

2 réponses

Votre réponse

Discussions similaires