Change form display based on drop down selection

  • ATTN: CONTACT FORM 7 GURUS! HELP PLEASE

    Using Contact form 7 I am creating a registration form for 1 to 4 registrants. I want to display a player registration form based on the number of players selected from a drop down (also connected to PayPal). In other words I want the user to see a 1 player contact form if they selected 1 Player, 2 player contact form if they select 2, etc.

    Any recommendations on the best approach?

    Thanks y’all!

Viewing 1 replies (of 1 total)

  • I think you can achieve this by using jQuery. On the basis of drop-down selection(Change Event) you can show/hide different registration form.

    Something like that

    <!---Default show first player form-->
<div id="player1">Registration Form1 shortcode</div>
<div id="player2" style="display:none">Registration Form2 shortcode</div>
<div id="player3" style="display:none">Registration Form3 shortcode</div>
<div id="player4" style="display:none">Registration Form4 shortcode</div>

    When change event occur(drop-down selection) you can show particular Registration form and hide all others.

    You can write jQuery event either in footer or in Plugins

Viewing 1 replies (of 1 total)
  • The topic ‘Change form display based on drop down selection’ is closed to new replies.