Forum : Liste déroulante HTML avec renvoi vers des liens internet

Bonjour,

J'aurais besoin d'un petit service s'il vous plait car je n'y arrive pas comme je ne connais pas trop le HTML et d'ailleurs la programmation tout court. J'ai crée une PWA pour mon association et j'ai fais une petite section boutique car on vend quelque t-shirt de notre association pour avoir une rentrée d'argent supplémentaire pour nos frais annuel. J'ai crée un paypal pour que les gens puissent payer en ligne. J'ai essayé la création de bouton "ajouter au panier" sur paypal mais ça fonctionne mal donc j'ai crée directement des liens internet ajoutant au panier directement l'article et sa taille quand on clique dessus;

J'ai donc fais un code pour avoir une liste déroulante ou quand on selectionne la taille du t-shirt ça renvoie vers un lien internet paypal

<head>
  <title>Taille</title>
</head>
<body>
<tr><td>Taille:</td></tr>
<select name="Taille" onChange="location.href=''+this.options[this.selectedIndex].value+'';">
           <option value="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYGDV6EF3BW9E">S</option>
           <option value="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LHF3XQ88M3BVS">M</option>
       </select>
</body>

Ce que je veux

J'ai essayé plein de chose en cherchant mais j'arrive jamais au bon résultat, souvent des que je selectionne ça ouvre direct le lien et même mon bouton ne marche jamais.
J'ai déjà fais la base du code en HTML sans le bouton si pouvez m'aider ça serait vraiment gentil de votre part.
Mon code doit être absolument en HTML car pour faire genre notre petite boutique, je colle le code HTML dans une section texte comme celle ci.

Merci

Soundboy39

Bonjour,

J'ai essayé plein de chose en cherchant mais j'arrive jamais au bon résultat, souvent des que je selectionne ça ouvre direct le lien et même mon bouton ne marche jamais.
Il faut retirer l'attribut "onChange" du tag "select" pour désactiver çà.

Mais je voudrais rajouter le bouton de paypal "https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_cart_LG.gif" "ajouter au panier" et que quand l'on selectionne la taille et quand on clique sur "ajouter au panier" ça ouvre le lien de la taille selectionné
Pourquoi tu te complique la vie avec un sélecteur et des évenements ? Tu n'a qu'à mettre 3 liens (un pour chaque taille).
Sinon si tu veux rester sur ton idée de départ, mais il faut maitriser javascript, tu peut executer un script via l'évenement "onclick" sur ton bouton ""ajouter au panier", ce script devra rediriger l'utilisateur en fonction du lien sélectionné.
Tu peux t'aider du framework javascript jQuery.

Liste déroulante HTML avec renvoi vers des liens internet

Ce que je veux

1 réponse