i trying set value of parameter of <script> element using javascript value. using stripe checkout.js possible set value of email box using parameter, , asks users email somewhere else on page, need grab value of text box , send parameters value, so:
<form action="charge.php" method="post"> <center> <div class="form-group"> <label for="inputemail" class="col-lg-2 control-label">email</label> <div class="col-lg-10"> <input class="form-control" id="inputemail" name="inputemail" type="text" maxlength="64" data-validation="email" placeholder="donator@example.com"> </div> </div><br><br> <input type="range" min="1" max="100" value="5" step="1" name="inputamount" id="inputamount" onchange="updatebox(this.value)"> <span class="pull-right"><input type="tel" maxlength="3" id="inputamounttext" name="inputamounttext" class="form-control" value="5" onchange="updateslider(this.value)"></span> </center> <br><br><br> <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="<?php echo $stripe['publishable_key']; ?>" data-description="donation" data-email="$('#inputemail').val();" data-image="https://joshstroup.me/global/img/avatar.png" data-name="joshua stroup" data-zip-code="true" data-panel-label="donate" data-label="proceed payment"></script> </form> notice setting data-email $('#inputemail').val();, how (i think) done, when open checkout form box blank placeholder showing, i'm not quite sure how set properly.
i don't think trying correct.
assuming method showing somehow work then:
- when page first loads value of #inputemail null, load script null parameter.
- on form post, think clear form values , script loads once again null parameter.
if still want way take how generate script tags automatically: how dynamically insert <script> tag via jquery after page load?
Comments
Post a Comment