### [WPFormsの繰り返しフィールドのライブカウントを表示する方法](https://wpforms.com/developers/show-a-live-count-of-repeater-fields-in-your-form/) **公開日:** 2025年6月3日 **著者:** Umair Majeed **コンテンツ:** フォームに追加された繰り返しフィールドの行数をライブで表示したいと思いませんか？これは、ユーザーが入力した項目数、特に名前、タスク、または商品アイテムを追加するシナリオで役立ちます。 このチュートリアルでは、簡単なPHPスニペットを使用して「カウント」フィールドをリアルタイムで自動更新する方法を説明します。 **注意:** このチュートリアルでは、PHPとJavaScriptの両方を追加します。サイトへのスニペットの追加方法については、[WPFormsのカスタムコードの追加方法に関するガイド](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)を確認してください。 ## フォームの作成 開始するには、フォームを作成し、繰り返しフィールドと、「カウント」のようなラベルの付いた**一行テキスト**フィールドを含めます。このフィールドは自動的に更新され、ユーザーが手動で入力するべきではありません。 フォームの作成に役立つ情報については、[最初のフォームの作成に関するチュートリアル](https://wpforms.com/docs/creating-first-form/)をご覧ください。 ## コードスニペットの追加 以下のスニペットを使用して、フォームでライブカウント機能を有効にします。 ## コードスニペットのカスタマイズ スニペット内の次のIDを、ご自身のフォームに合わせて更新する必要があります。 - `wpforms-5410-field_1-container`: `5410` を実際の**フォームID**に、`field_1` を**繰り返しフィールドID**に置き換えます。 - `wpforms-5410-field_3`: `field_3` を**カウントフィールドID**に置き換えます。 フォームIDとフィールドIDを見つける方法については、[このチュートリアル](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/)をご覧ください。 このスニペットを追加し、IDを更新すると、ユーザーが繰り返しから行を追加または削除すると、カウントフィールドは自動的に更新されます。 これで完了です！繰り返しフィールドに動的なカウンターが追加され、ユーザーは入力したエントリの数を確認できるようになりました。 **カテゴリ:** フィールド、拡張機能 ---