### [特定のページで「次へ」ボタンを条件付きで表示する](https://wpforms.com/developers/conditionally-showing-the-next-button-on-a-specific-page/)

**公開日:** 2025年1月13日
**著者:** Umair Majeed

**内容:**

特定のフォームページで**次へ**ボタンを非表示にし、ユーザーがフォームフィールドでオプションを選択した後にのみ表示させたいとお考えではありませんか？

このチュートリアルでは、小さなコードスニペットを使用してこれを実現する方法をご説明します。

## コードスニペットの追加

このスニペットは、選択肢の選択が必要な「複数選択」などのフィールドタイプで動作するように設定されています。他のフィールドタイプを使用する場合は、jQueryセレクタを調整する必要があるかもしれません。

まず、以下のコードスニペットをサイトに追加する必要があります。

サイトへのカスタムコードの追加についてサポートが必要な場合は、[カスタムPHPまたはJavaScriptの追加](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)に関するガイドをご覧ください。

## コードスニペットのカスタマイズ

上記のコードスニペットでは、**9行目、14行目**、および**24行目**にある `1000` を、実際のフォームIDに置き換える必要があります。

また、**26行目**と**27行目**では、`10`を使用したいフォームフィールドのIDに置き換える必要があります。

フォームIDの探し方についてサポートが必要な場合は、[フォームおよびフィールドIDの検索方法](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/)に関するガイドをご確認ください。

このコードは、フォームの**2ページ目**にある「次へ」ボタンを表示/非表示にすることを想定しています。別のページを対象にしたい場合は、`data-page`属性の値を変更するだけで対応できます。

これで完了です！このコードスニペットを実装すると、指定したページの「次へ」ボタンはデフォルトで非表示になり、指定されたフォームフィールドでオプションが選択された場合にのみ表示されるようになります。

次に、条件に応じてボタンを表示する方法についてさらに詳しく知りたいですか？詳細については、[送信ボタンの条件付き表示](https://wpforms.com/developers/how-to-conditionally-show-the-submit-button)に関する記事をご覧ください。

**カテゴリ:** チュートリアル、スニペット

---