begin process at 2010 03 21 07:29:42
  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

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome

 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

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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,530 sec (4)

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