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

jQuery Discussion :

Affectation de script sur 2 formulaires 'select' différentss


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Octobre 2008
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 12
    Par défaut Affectation de script sur 2 formulaires 'select' différentss
    Bonjour à tous,

    Je suis en train de développer un site quasi intégralement en html et php. Problème: j'ai un besoin spécifique d'appliquer du javascript pour une liste déroulante avec recherche en l'occurence celle-ci :
    http://www.erichynds.com/blog/jquery...iselect-widget
    mais mes connaissances sont limitées. J'ai deux formulaires select/option sur une même page, l'un étant multiselect (type checkbox), l'autre sélection unique (type radio) or lorsque je met les deux sur la page, le premier ne fonctionne plus j'ai l'impression à cause du script du second qui "overide" le premier car mes checkbox et le champ de recherche disparaissent... De plus quand j'exécute les codes indépendamment, càd en supprimant l'un puis l'autre, les deux fonctionnent bien et me donne le résultat attendu.

    Voila le code ci-dessous, merci d'avance pour votre aide !

    Code html : 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
    24
    <form class="header">
    	<select id="alpha" name="alpha[]" multiple="multiple" style="width:150px">
    		<option value="option1">option1</option>
    		<option value="options2">option2</option>
    	</select>
    	<input type="submit" class="header_submit" name="submit_alpha" value="Save">
    	<script type="text/javascript">
            $("select").multiselect().multiselectfilter();
            </script>
    </form>
    <form class="header">
    	<select id="beta" name="beta" style="width:150px">
    		<option value="option1">option1</option>
    		<option value="option2">option2</option>
    	</select>
    	<input type="submit" class="header_submit" name="submit_beta" value="Save">
    	<script type="text/javascript">
            $("select").multiselect({
                    multiple: false,
                    header: "",
                    noneSelectedText: "",
                    selectedList: 1});
            </script>
    </form>

  2. #2
    Membre averti
    Inscrit en
    Octobre 2008
    Messages
    12
    Détails du profil
    Informations forums :
    Inscription : Octobre 2008
    Messages : 12
    Par défaut
    Bon j'ai fini par trouver ma réponse, en fait le problème venait de la manière d'appeler le select :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $('select[name="alpha"]').multiselect().multiselectfilter();
    fonctionne

    Bonne journée !

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

Discussions similaires

  1. [Toutes versions] Affecter une valeur sur formulaire à un champ du sous formulaire
    Par jerem2007 dans le forum IHM
    Réponses: 1
    Dernier message: 18/03/2010, 19h22
  2. Novice - script sur formulaire telephone
    Par imwdman dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 21/07/2009, 10h32
  3. Réponses: 2
    Dernier message: 16/04/2009, 11h00
  4. Réponses: 10
    Dernier message: 16/04/2009, 10h39
  5. Affichage d'une alerte sur le formulaire d'un script précédent
    Par lodan dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/07/2007, 16h20

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