<h1>Multiple Screen Subscription</h1> <p>This will allow you to collect only an email on the first screen and proceed to a 2nd screen with the option of entering more information or not.</p> <div id="step1" class="step1"> <form class="submit1"> <label for="email1">Enter your email: </label> <input type="text" name="email" id="email1" value=""> <input type="submit" id="submit1" value="Subscribe"> </form> </div> <div id="step2" class="step2"> <h3>This is your second screen</h3> <form id="moreinfo" action="http://www.aweber.com/scripts/addlead.pl"> <label for="bedrooms">How many bedrooms?</label> <select name="bedrooms" id="bedrooms"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> <label for="baths">How many baths?</label> <select name="baths" id="baths"> <option value="1">One</option> <option value="2">Two</option> </select> <label for="price">Price range</label> <select name="price" id="price"> <option value="1">$1000 - $2000</option> <option value="2">$2001 - $3000</option> <option value="3">$3001 - $4000</option> </select> <label for="email2">Your Email</label> <input type="text" name="email" id="email2" value="" disabled> <input type="hidden" name="meta_web_form_id" value="1315276119" /> <input type="hidden" name="listname" value="techtraininghal" /> <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=video" /> <input type="hidden" name="meta_adtracking" value="TBThome" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="custom affid" value="" /> <input type="submit" value="Continue" id="submit2"> </form> <h3>This is your no thanks form</h3> <form action="" id="nothanks"> <label for="email3">Your Email</label> <input type="text" name="email" id="email3" value="" disabled> <input type="hidden" name="meta_web_form_id" value="1315276119" /> <input type="hidden" name="listname" value="techtraininghal" /> <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=video" /> <input type="hidden" name="meta_adtracking" value="TBThome" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="custom affid" value="" /> <input type="submit" value="No Thanks" id="submit2"> </form> </div>
$( document ).ready( function () { $( '#step2' ).hide(); }); $(document).on('submit', 'form.submit1', function(event) { $( '#step2' ).show(); $( '#step1' ).hide(); $( '#email2').val($('#email1').val()); $( '#email3').val($('#email1').val()); return false; });
a {text-decoration: none; color: #000; background: #f7f7f7; border: 1px solid #eee; padding: 3px 15px;} #step2 label, #submit2 {display: block;} #step2 select {margin-bottom: 15px;}