IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Suppression d'options dans un select


Sujet :

JavaScript

  1. #1
    Membre chevronné
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par défaut Suppression d'options dans un select
    Bonjour, j'ai tapé un code, avec l'intention de supprimer les options d'un select, avant de le reremplir avec d'autres données sur le onchange d'un autre select.

    Pas très clair tout ça, je vais vous montrer du code, celui-ci ne fonctionne pas :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    var limit=document.getElementById('nbpompe').options.length
    			for (i=0;i<=limit;i++)
    			{
    				document.getElementById('nbpompe').options[i] = null;
    			}
     
    			var optnbp1= new Option("1","1");
    			var optnbp2= new Option("2","2");
    			var optnbp3= new Option("3","3");
     
    			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp1;
    			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp2;
    			document.getElementById('nbpompe').options[(document.getElementById('nbpompe').length)] = optnbp3;
    Cependant, ce code ne supprime pas toutes les options avant d'écrire les nouvelles, et donc mon nombre d'options grandit au fur et à mesure, ce qui n'est pas du tout le but recherché.

    Si quelqu'un trouve l' (les) erreur(s) dans mon code, merci par avance.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2008
    Messages
    235
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations forums :
    Inscription : Juin 2008
    Messages : 235
    Par défaut
    Tiens j'ai trouver ca !

    A toi de l'adapter avec tes noms de variable !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <form name="f">
     
    <select name="dmc">
      <option value="Choix 1" selected>Choix 1</option>
      <option value="Choix 2">Choix 2</option>
      <option value="Choix 3">Choix 3</option>
      <option value="Choix 4">Choix 4</option>
      <option value="Choix 5">Choix 5</option>
    </select>
     
    <a href="#" onClick=ajouteSup();">Supprimer l'option du menu.</a>
     
    </form>
     
    <script language="javascript">
    function ajouteSup(){
    n=1; // index de l'option a supprimer
    for (i = n; i < Number(document.forms.f.dmc.options.length-1); i++){
      document.forms.ff.dmc.options[i] = new Option((document.forms.f.dmc.options[ Number(i+1) ].text ),(document.forms.f.dmc.options[ Number(i+1) ].value) );
    }
      document.forms.ff.dmc.options.length--;
    }
    </script>
    EDIT : Oops autant pour moi, ce que je t'ai donné c'est pour supprimer l'option selectionné...

  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    un simple options.length=0 permet de vider la liste ( pas besoins de boucle )

  4. #4
    Membre chevronné
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par défaut
    Héhé je me suis fatigué encore pour rien merci...je testes de suite...

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par défaut
    Ca marche parfaitement merci. Désolé pour le dérangement...

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    lol de rien n'hésite pas a faire une recherche la prochaine fois, trouvé en 30 seconde avec les mots clé de ton titre ;-)

  7. #7
    Membre chevronné
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    397
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 397
    Par défaut
    Malheureusement j'ai cherché hier soir pendant une bonne heure, et grâce à cette recherche j'avais trouvé la boucle et le options[i]=null pour supprimer les options...

    J'étais peut être crevé hier soir, possible...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. insertion d'option dans un select
    Par haltabush dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 05/02/2007, 08h22
  2. Add options dans un SELECT
    Par Mike35 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/01/2007, 18h25
  3. Réponses: 9
    Dernier message: 29/05/2006, 14h30
  4. Selectionner une option dans un select
    Par _beber85 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/04/2006, 16h48
  5. [html/css]coloration des options dans un select
    Par the_edge dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 04/05/2005, 15h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo