begin process at 2012 05 29 17:58:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Réinitialiser un OPTION avec du code JS

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Réinitialiser un OPTION avec du code JS

vendredi 26 octobre 2007 à 03:39:32 | Réinitialiser un OPTION avec du code JS

whombat

Membre Club
Bonjour à tous,

J'ai sur ma page HTML et PHP (avec du JS) toute une série de listes déroulantes, une par lettre de l'alphabet.
Le visiteur doit choisir un nom dans une des listes.

Mais il peut s'amuser et sélectionner plusieurs listes et ça je ne le veux pas. Donc je voudrais que dès qu'un nom dans une liste a été sélectionné cela remette toutes les autres à 0.

Oui, mais comment faire en JS?

Pourriez-vous m'aider ?
D'avance merci.

Cordialement. 

Cordialement,

Whombat.

Prédire l'avenir est particulièrement aléatoire, 
surtout lorsqu'il s'agit du futur.
vendredi 26 octobre 2007 à 09:59:29 | Re : Réinitialiser un OPTION avec du code JS

lesdis
Bonjour,

Va faire un tour du coté de la propriété selectedIndex d'un select. Ensuite il te suffira de remettre l'index a 0 pour tous les select autres que celui qui vient d'être changer.



Bonne Prog
vendredi 26 octobre 2007 à 11:06:58 | Re : Réinitialiser un OPTION avec du code JS

whombat

Membre Club
Oui merci mais le problème c'est que l'on ne sait pas quel SELECT a été choisi. Si c'est le 11, et qu'on le sache, avec un if on résoud le truc mais sur 20 SELECT possibles, comment savoir le numéro du bon ?

Cordialement,

Whombat.

Prédire l'avenir est particulièrement aléatoire, 
surtout lorsqu'il s'agit du futur.
vendredi 26 octobre 2007 à 12:26:17 | Re : Réinitialiser un OPTION avec du code JS

Zobibol

Membre Club
Bonjour,
Le plus simple est de mettre en place une méthode . A condition il va s'en dire que tes selects aient un id ( normalement, obligatoire ):

    function checkSelect(_obj){
                var selects = document.getElementsByTagName("select");
                for ( var i = 0; i<selects.length; i++){
                    if ( selects[i].id != _obj.id ){
                        selects[i].selectedIndex = 0;
                    }
                }
            }

et ensuite sur le onchange de tous tes selects :
onchange="checkSelect(this)"

Ci-joint un exemple !

<html>
    <head>
        <title>Select réinit</title>
        <script>
            function checkSelect(_obj){
                var selects = document.getElementsByTagName("select");
                for ( var i = 0; i<selects.length; i++){
                    if ( selects[i].id != _obj.id ){
                        selects[i].selectedIndex = 0;
                    }
                }
            }
        </script>
    </head>
    <body>
        <select id="1" onchange="checkSelect(this)">
            <option></option>
            <option>a</option>
            <option>b</option>
            <option>c</option>
        </select>
        <select id="2" onchange="checkSelect(this)">
            <option></option>
            <option>d</option>
            <option>e</option>
            <option>f</option>
        </select>
        <select id="3" onchange="checkSelect(this)">
            <option></option>
            <option>g</option>
            <option>h</option>
            <option>i</option>
        </select>
    </body>
</html>

et tu peux rajouter autant de select que tu veux !

[o-_-o]
vendredi 26 octobre 2007 à 12:48:20 | Re : Réinitialiser un OPTION avec du code JS

whombat

Membre Club
Il n'y a pas photo, c'est sûr que votre script est le bon. Mais l'idée c'est de supposer qu'un rieur selectionne 3 ou + de select. Donc, dès qu'il selectionne un select, cela remet à zero tous les autres, pas le sien...

Et c'est là que je pêche. Mais peut-être que j'ai mal compris votre script. En fait _obj.id dans la fonction est le select appelant, non, et donc vous aviez résolu le problème. Je me trompe ?

Cordialement,

Whombat.

Prédire l'avenir est particulièrement aléatoire, 
surtout lorsqu'il s'agit du futur.
vendredi 26 octobre 2007 à 13:55:48 | Re : Réinitialiser un OPTION avec du code JS

Zobibol

Membre Club
Réponse acceptée !
En effet, _obj.id est l'id du select Appelant, ainsi le test :
if ( selects[i].id != _obj.id ){
                        selects[i].selectedIndex = 0;
                    }
traite tous les select sauf celui ayant changer de valeur.


[o-_-o]
vendredi 26 octobre 2007 à 13:59:48 | Re : Réinitialiser un OPTION avec du code JS

whombat

Membre Club
Merci infiniment pour votre attention et votre aide.

Cordialement,

Whombat.

Prédire l'avenir est particulièrement aléatoire, 
surtout lorsqu'il s'agit du futur.


Cette discussion est classée dans : code, option, listes, js, réinitialiser

Répondre à ce message

Sujets en rapport avec ce message

pb fonction js pour submit de formulaire dynamique [ par BDdev ] HELP !!!!je créé dynamiquement sur une page un tableau contenant les résultats d'une requete sql et dans chaque ligne un formulaire (caché) et je voud select, option, plantage ie. [ par Bichon63 ] Bonjourvoila mon soucis : je me sers d'une pop up pour mettre à jour un select dans une autre fenetre. dans cette pop up je créé mon javascript à part erreur JS [ par attentio ] bonjour !j'ai une erreur javascrit dans mon code mais je ne trouve pas ou onclick="document.form_caddy.<? echo $ref ;?&g <SELECT> : selection automatique [ par chour03 ] Bonjour.J'aimerais savoir comment il serait possible de selectionner de façon automatique au chargement de la page une option dans un select... Le cho Reload d'un .js toutes "x" secondes. [ par shadow125 ] Bonsoir à vous tous !Voila j'essaye de faire un petit script et j'ai besoin de le relancer toutes les 1secondes, sans recharger la page.J'ai trouvé co Option Value [ par massacr ] Ma question n'est pas vraiment du javascript mais de bons webmasters sont sur ce site alors je la pose quand même.Est-il possible de mettre des listes mise a jour de listes deroulantes lorsque on a choisit un type [ par eclipse012 ] bonjour a toutes a a tous !! j'ai besoin d'aide concerant la mise a jour de listes deroulantes avec javascript voila, je gere un systeme besoin JS d'un code pour dynamiser l'affichage [ par kamerlino ] Salut à tous! Quelqu'un n'aurait-il pas un code pour rafraichir dynamiquement le contenu d'une page.? l'idée est de recupérer un lot d'informations da Personnaliser mes listes déroulantes [ par ajan ] Bonjour,ça fait quelques temps que je code en java, mais je n'ai pas encore toutes les subtilités de la feuille de style. J'aimerais que toutes mes li ecire en caractères ARABES dans un fichier javascript .js [ par moha007 ] Bonjourje suis entrain de réaliser un sites multilangues..dans ma page index-ar.html pour mon menu je fais appel à un fichier javascript [code][/code


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (16 Go)
Entre 0€ et 0€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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,484 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)