Parking Garage Payment Options

HTML

<h1>Parking Garage Payment Options</h1>
[stripe_form_begin test=true]
[stripe_form_section_header title="Payment Options"]
[stripe_form_section_row label="Stall #" input="<input type='text' name='stall' />"]
[stripe_form_section_row label="Option" input="<select id='amount' class='amount' name='amount'><option value='500'>$5 - 1 hours</option><option value='1000'>$10 - 3 hours</option><option value='2500'>$25 - All day</option></select>"]
<input type='hidden' id='option' name='option' />
[stripe_form_billing_info short=true]
[stripe_form_payment_info]
[stripe_form_end]

<p><strong>Thanks for parking with us!</strong></p>
<p>Name: <strong>{fname} {lname}</strong></p>
<p>Stall: <strong>{stall}</strong></p>
<p>Option: <strong>{option}</strong></p>
<p>Amount: <strong>$ {amount}</strong></p>

JavaScript

(function($){
   updateOption();
   $(document).ready(function(){
      $('#amount').change(function(){
         updateOption();
      });
   });
   function updateOption() {
      var val = $('#amount').val();
      var text = $("#amount option[value='" + val + "']").text();
      $('#option').val(text);
   }
})(jQuery);

Payment Options

Stall #

Option
$5 - 1 hours$10 - 3 hours$25 - All day

Billing Information

First Name

Last Name

Email Address

Payment Information

Card Number

CVC

Expiration 010203040506070809101112  /  202420252026202720282029203020312032203320342035

Submit

Thanks for parking with us!

Name: {fname} {lname}

Stall: {stall}

Option: {option}

Amount: $ {amount}