begin process at 2012 02 12 19:48:53
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > GÉRER LES OPTGROUP D'UNE LISTE DÉROULANTE

GÉRER LES OPTGROUP D'UNE LISTE DÉROULANTE


 Information sur la source

 Description

Deux fonctions qui permettent de gérer les optgroup d'une liste déroulante : suppression et ajout.

Source

  • function suppression_optgroup(id_du_optgroup)
  • {
  • var ie = false; /*@cc_on ie = true; @*/
  • var q=document.getElementById(id_du_optgroup);
  • if (q)
  • {
  • if ( ie ) {
  • q.outerHTML=null;
  • }
  • else {
  • q.innerHTML=null;
  • q.label=null;
  • }
  • }
  • }
  • function ajout_optgroup(mon_formulaire,ma_liste)
  • {
  • objSelect=document.forms(mon_formulaire).elements(ma_liste);
  • optGroup = document.createElement('optgroup')
  • optGroup.label = "nom_du_optgroup"
  • objOption1=document.createElement("option")
  • objOption1.innerHTML = "nom_option1"
  • objOption1.value = "valeur_option1"
  • objOption2=document.createElement("option")
  • objOption2.innerHTML = "nom_option2"
  • objOption2.value = "valeur_option2"
  • objSelect.appendChild(optGroup)
  • optGroup.appendChild(objOption1)
  • optGroup.appendChild(objOption2)
  • }
function suppression_optgroup(id_du_optgroup)
{
  var ie = false; /*@cc_on ie = true; @*/ 
  var q=document.getElementById(id_du_optgroup);
    if (q)  
 {
  if ( ie ) {
      q.outerHTML=null;
     }
  else  {
      q.innerHTML=null;
      q.label=null;
     }
  }
}

function ajout_optgroup(mon_formulaire,ma_liste)
{
  objSelect=document.forms(mon_formulaire).elements(ma_liste);
  optGroup = document.createElement('optgroup')
  optGroup.label = "nom_du_optgroup"

  objOption1=document.createElement("option")
  objOption1.innerHTML = "nom_option1"
  objOption1.value = "valeur_option1"

  objOption2=document.createElement("option")
  objOption2.innerHTML = "nom_option2"
  objOption2.value = "valeur_option2"

  objSelect.appendChild(optGroup)
  optGroup.appendChild(objOption1)
  optGroup.appendChild(objOption2)
}

 Conclusion

Après une très longue et pénible recherche je me suis dis que ça pouvait bien servir à d'autre que moi...


 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

 Sources en rapport avec celle ci

CRÉER UNE RÈGLE CSS POUR QU'ELLE S'APPLIQUE À UNE ÉLÉMENT DO... par FREMYCOMPANY
AJOUTER DYNAMIQUEMENT DES OPTIONS À UNE LISTBOX par Mrreivax
Source avec Zip AJOUTER, SUPPRIMER, LIRE COOKIE! par DomJ
Source avec Zip CLAVIER V1 par sasuke237
Source avec Zip Source avec une capture ANTI LANGAGE SMS ! par MATHIS49

Commentaires et avis

Commentaire de mickaelpfr le 12/04/2006 15:10:23

yop , tu aurais du mettre un exemple concret :)
autre élément , pour l'ajout tu utilises les méthodes :
document.forms(mon_formulaire).elements(ma_liste)
alors que pour la suppression tu utilise un : ocument.getElementById ...

coordialement :)

Commentaire de MOOKIES le 28/04/2009 18:32:47

Oui on peut faire beaucoup de remarque sur ton code...
évite q.outerHTML=null; utilise plutôt un removeChild.. (un Opera gérant l'html en xml (XHTML) ne va pas aimé.. )

Tu oublie var devant l'affection des variables ( tu peut les 'dispose') en finissant avec = null (pour éviter les fuites de mémoire..) et puis prends l'habitude de mettre des points virgule à la fin de tes lignes de JS... C'est quand même mieux :-)

10 types de personnes, les développeurs et les autres

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Ajouter supprimer des items au ListBox [ par hkayne ] Bonjour,J'ai deux ListBox lst1 et lst2.Je veux lorsque je double clic sur un item du listbox, que cet item la soit supprimé et ajouté dans l'autre lis ajouter un enregistrement avec un champ date mysql [ par jpclutier ] Bonjour,J'espère ne pas me tromper de forum pour poser cette question. J'ai un champ dans une page html qui contient une date au format dd-mm-aaaa.Ave Ajouter un message au clik sur un bouton [ par 64nemesis ] Bonjour,Je suis totalement novice, alors j'aurais besoin de votre aide s'il vous plaitJe souhaiterai mettre un petit javascript qui puisse rajoutter d "ajouter un commentaire" [ par lolabadine ] je suis en train de créer un site aux fins de remplacer mon blog.le seul inconvénient sur mon site, en comparaison avec mon blog, c'est que je souhait Lire et ajouter une clé dans le registre ? Plz [ par lolyest ] Bonsoi,Je voudrait savoir si il est possible de lire le registre et d'ajouter une clé en Javascript ou en autre language WEB ?Si oui, pourriez-vous me Supprimer la sélection dans un textarea [ par keskispas ] Je récupère la sélection avec myText = myTextArea.getSelection();J'ai essayé avec myTextArea.body.replaceChild(myNewElement, myText); pour remplacer p Comment supprimer une page via un bouton [ par amplus ] Bonsoir a tous, j'aimerais bien savoir tout d'abord s'il est possible - puis si oui, comment faire pour supprimer une page (online) via un bouton? J'u getElementsByTagName supprimer images [ par helene20 ] Voici la question a laquelle je n'arrive pas a répondre : écrivez une fonction JavaScript nommée question 4() qui supprime toutes les images incluses poser une question ou y répondre avec FireFox [ par bultez ] bonjour à toutes et à tous,j'ai un petit souci avec FireFox pour ajouter une réponse, ou un message, dans le forumle bouton "ajouter" n'est pas visibl Supprimer des caratere dans une chaine. [ par bm3w325i ] Bonjour,Je récupère une variable via une function (google-maps) le résultat son des coordonnées mais le probleme est que ces chifffres sont encadré pa


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,842 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales