### [Afficher le bouton « Suivant » de manière conditionnelle sur une page spécifique](https://wpforms.com/developers/conditionally-showing-the-next-button-on-a-specific-page/)

**Publié le :** 13 janvier 2025
**Auteur :** Umair Majeed

**Contenu :**

Souhaitez-vous masquer le bouton **Suivant** sur une page de formulaire spécifique et ne l'afficher qu'après qu'un utilisateur ait sélectionné une option dans un champ du formulaire ?

Dans ce tutoriel, nous vous expliquerons comment y parvenir à l'aide d'un petit extrait de code.

## Ajouter l'extrait de code

Cet extrait de code est conçu pour fonctionner avec des types de champs tels que le champ à choix multiples, où une option doit être sélectionnée. Vous devrez peut-être ajuster le sélecteur jQuery pour d'autres types de champs.

Tout d'abord, vous devrez ajouter l'extrait de code suivant à votre site.

Si vous avez besoin d’aide pour ajouter du code personnalisé à votre site, veuillez consulter notre guide sur l’[ajout de code PHP ou JavaScript personnalisé](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/) à votre site.

## Personnalisation de l'extrait de code

Dans l'extrait de code ci-dessus, vous devrez remplacer `1000` par l'ID réel de votre formulaire aux **lignes 9, 14** et **24**.

Vous devrez également remplacer `10` par l'ID du champ de formulaire que vous souhaitez utiliser aux **lignes 26** et **27**.

Si vous avez besoin d'aide pour trouver l'ID de votre formulaire, veuillez consulter ce guide sur la [recherche des ID de formulaires et de champs](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).

Le code part du principe que vous souhaitez afficher/masquer le bouton Suivant sur la page 2 de votre formulaire. Si vous souhaitez cibler une autre page, il vous suffit de modifier la valeur de l'attribut `data-page`.

Et voilà ! Une fois ce bout de code en place, le bouton Suivant de la page spécifiée sera masqué par défaut et n'apparaîtra qu'une fois qu'une option aura été sélectionnée dans le champ de formulaire désigné.

Souhaitez-vous en savoir plus sur l'affichage conditionnel des boutons ? Consultez notre article sur [l'affichage conditionnel du bouton « Soumettre »](https://wpforms.com/developers/how-to-conditionally-show-the-submit-button) pour plus de détails.

**Catégories :** Tutoriels, Extraits de code

---