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 :

récupérer liste déroulante pour lien html


Sujet :

JavaScript

  1. #1
    Membre actif Avatar de Gary_Stoupy
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 244
    Points : 232
    Points
    232
    Par défaut récupérer liste déroulante pour lien html
    Bonjour,

    Après maintes recherches, je n'ai pu trouver réponse à mon probleme.
    En effet, toutes les discussions sur lesquelles je suis tombé parlait bien de liste déroulante mais seulement, toutes ouvraient le lien dès l'évènement onchange... Tout ce que j'ai trouvé se faisait en javascript d'ou la nature du post... Suis-je obligé de le faire en javascript ou un simple html suffit ?
    Or, je ne veux ouvrir le lien (sur la meme page) que lorsque je clique sur un lien href (en l'occurence une image)
    donc le but est de récupérer soit l'ID, soit la valeur de ce qui est sélectionné dans ma liste déroulante...

    Merci d'avance et désolé si mes recherches antérieures se sont révélées peut-être incorrectes...

  2. #2
    Membre confirmé Avatar de yjuliet
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Août 2006
    Messages
    362
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2006
    Messages : 362
    Points : 460
    Points
    460
    Par défaut
    si tu utilises une liste déroulante, j'imagine qu'elle est dans un formulaire.
    Pour commencer, tu peux utiliser une image comme bouton de validation du formulaire :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <form onsubmit="javascript:doRedirect(); return false;">
    <select id="listurl">
      <option value="http://url1">Dest 1</option>
      <option value="http://url2">Dest 2</option>
    </select>
    <input type="image" src="..." alt="..." onclick="javascript:form.submit()" /> 
    </form>

    Il te faut définir la fonction doRedirect() :
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function doRedirect( ) {
      window.location.replace(document.getElementById('listurl').value);
    }

  3. #3
    Membre actif Avatar de Gary_Stoupy
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 244
    Points : 232
    Points
    232
    Par défaut
    Ok je vais tester cela...
    En tout les cas, merci de t'être attarder sur mon cas.
    Allez zou, au boulot ^^

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 664
    Points
    66 664
    Billets dans le blog
    1
    Par défaut
    ou plus directement:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <form action="javascript:self.location.href=document.getElementById('listurl.value');">
    <select id="listurl">
      <option value="http://url1">Dest 1</option>
      <option value="http://url2">Dest 2</option>
    </select>
    <input type="submit" value="go" /> 
    </form>

  5. #5
    Membre actif Avatar de Gary_Stoupy
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    244
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 244
    Points : 232
    Points
    232
    Par défaut
    Re...

    Ca a parfaitement fonctionné !
    Merci à tous

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

Discussions similaires

  1. Réponses: 7
    Dernier message: 06/09/2012, 21h21
  2. [MySQL] récupérer la valeur d'une liste déroulante pour paramètrer le lien d'un panier dynamique
    Par roy-mustang dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 20/06/2011, 16h34
  3. Réponses: 8
    Dernier message: 17/06/2011, 22h32
  4. [AC-2000] Récupérer la valeur d’une liste déroulante pour filtrer une requête SQL
    Par Gremandine dans le forum Requêtes et SQL.
    Réponses: 6
    Dernier message: 18/03/2010, 15h43
  5. Réponses: 5
    Dernier message: 18/11/2009, 11h25

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