I can't figure this out. I checked other questions regarding setting data attributes, seems to be a tricky enough thing.

The stripe button amount is purely for aesthetics, I'm trying to set it ('data-amount') each time a user updates the quantity select box.

Every time I change the quantity select an alert gives the correct amount and if I inspect the dom the 'data-amount' attribute appears to be set correctly but when I click the stripe button the modal shows the default data-amount, i.e nothing.

Anyone know how to do this?

view (form, select input not shown)

<div class="stripe-controls" align="center">
  <script src=".js" class="stripe-button"
      data-key="ENV['STRIPE_PUBLIC_KEY'] %>" data-amount="">
  </script>
</div>

coffeescript

$ ->
  $('#order_quantity').click(orderTotal)
  orderTotal()

orderTotal = ->
  quantity = $('#order_quantity').val()
  price = $('#ticket-price').data('url')
  total = quantity * price
  $('.stripe-button').attr('data-amount', total)
  alert total

I can't figure this out. I checked other questions regarding setting data attributes, seems to be a tricky enough thing.

The stripe button amount is purely for aesthetics, I'm trying to set it ('data-amount') each time a user updates the quantity select box.

Every time I change the quantity select an alert gives the correct amount and if I inspect the dom the 'data-amount' attribute appears to be set correctly but when I click the stripe button the modal shows the default data-amount, i.e nothing.

Anyone know how to do this?

view (form, select input not shown)

<div class="stripe-controls" align="center">
  <script src="https://button.stripe./v1/button.js" class="stripe-button"
      data-key="ENV['STRIPE_PUBLIC_KEY'] %>" data-amount="">
  </script>
</div>

coffeescript

$ ->
  $('#order_quantity').click(orderTotal)
  orderTotal()

orderTotal = ->
  quantity = $('#order_quantity').val()
  price = $('#ticket-price').data('url')
  total = quantity * price
  $('.stripe-button').attr('data-amount', total)
  alert total

• javascript
• jquery
• coffeescript
• stripe-payments

Share Improve this question Follow edited Oct 17, 2012 at 2:54 Seo Cahill asked Oct 17, 2012 at 1:12 Seo CahillSeo Cahill 13911 silver badge99 bronze badges 8

• 3 Not a coffee script master at all, but shouldn't the orderTotal be defined before you use it? – gdoron Commented Oct 17, 2012 at 1:14
• I think this line here $('.stripe-button').attr('amount', total) should be $('.stripe-button').attr('data-amount', total) – ace Commented Oct 17, 2012 at 1:15
• @gdoron: It should. This is the JS that it generates pastebin./wvx96826 – elclanrs Commented Oct 17, 2012 at 1:16
• 1 @ace. Yeah, just wrote the same thing but data is the preferred function for it. – gdoron Commented Oct 17, 2012 at 1:16
• Should'nt it actually be: $('.stripe-button').data('amount', total);? – A.M.K Commented Oct 17, 2012 at 1:17

 |  Show 3 more ments

1 Answer 1

Sorted by: Reset to default 12

Specify a custom amount using StripeCheckout.open().

Note: I work at Stripe.