Setting data attribute on stripe button

Question

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.com/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

Not a coffee script master at all, but shouldn't the `orderTotal` be defined before you use it? — gdoron, Oct 17 '12 at 01:14
I think this line here `$('.stripe-button').attr('amount', total)` should be `$('.stripe-button').attr('data-amount', total)` — ace, Oct 17 '12 at 01:15
@gdoron: It should. This is the JS that it generates http://pastebin.com/wvx96826 — elclanrs, Oct 17 '12 at 01:16
@ace. Yeah, just wrote the same thing but `data` is the preferred function for it. — gdoron, Oct 17 '12 at 01:16
Should'nt it actually be: `$('.stripe-button').data('amount', total);`? — A.M.K, Oct 17 '12 at 01:17
sorry that was my typo, seems like it's all academic anyhow, thanks for all the replies! — Seo Cahill, Oct 17 '12 at 02:55
See my post [here](https://stackoverflow.com/a/50080786/7618391) for an easy quick fix to this. — Ryan Walker, Apr 28 '18 at 20:50

score 12 · Accepted Answer · edited Mar 26 '14 at 08:51

12

Specify a custom amount using StripeCheckout.open().

Note: I work at Stripe.

edited Mar 26 '14 at 08:51

Dave Jarvis

30,436
41
178
315

answered Oct 17 '12 at 02:18

Alex MacCaw

984
1
6
19

Thanks Alex, appreciate the quick answer. – Seo Cahill Oct 17 '12 at 02:49
is there on success & on cancellation functions? just like opened & closed functions – Dahab May 20 '15 at 17:33

Setting data attribute on stripe button

1 Answers1

Linked