###前提・実現したいこと
以下のような単体商品のセレクトタイプの決済フォームを、クレジットカードを選択し購入ボタンを押した時だけ、
指定のクレジットカード決済API(STRIPEカード決済)が動くように変更したいのですが、
コードをどのように変更したらいいかわからず困っております。
カード決済時に使用するクレジット単体のボタンレイアウトなら以下の通り作成ができているのですが、
これをセレクトデザインにして決済させる方法を、具体的なコードでご教示いただけますと大変助かります。
どうぞよろしくお願いいたします!
■カード決済APIのボタンレイアウトのコード↓
<form action="/tt-server/rest/billing/subscribe" method="POST"> <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="pk_test_nz81cav6bbcEP4gxWxp1yFw7" data-image="https://storage.googleapis.com/tt-images/company/img_2015111514124193.png" data-name="myCompany" data-description="Pro Subscription ($400 per month)" data-panel-label="Subscribe" data-label="Subscribe" data-amount="400"> </script> <input type="radio" name="imgsel" value="subscribe" checked="checked" /> </form>■既存決済フォーム↓
<form action="https://〇〇/responder.php" method="post" enctype="multipart/form-data"> <input type="hidden" name="mcode" value="UTF-8"> <input type="hidden" name="tno" value="16"> <input type="hidden" name="spflg" value="1"> <div class="form__box"> <label for="name1">お名前<span class="form__must">必須</span></label> <input type="text" name="name1" id="name1" required=""> </div> <div class="form__box-half"> <div class="form__box"> <label for="fld3">郵便番号<span class="form__must">必須</span></label> <input type="tel" name="fld3" id="fld3" pattern="\d{3}-?\d{4}" required="" onkeyup="AjaxZip3.zip2addr(this,'','fld4','fld4');"> </div> <div class="form__box"> <label for="fld4">ご住所<span class="form__must">必須</span></label> <input type="text" name="fld4" id="fld4" required=""> </div> </div> <div class="form__box-third"> <div class="form__box"> <label for="fld5">電話番号<span class="form__must">必須</span></label> <input type="tel" name="fld5" id="fld5" required=""> </div> <div class="form__box"> <label for="email">メールアドレス<span class="form__must">必須</span></label> <input type="email" name="email" id="email" required=""> </div> <div class="form__box"> <label for="fld6">お支払い方法<span class="form__must">必須</span></label> <select name="fld6" id="fld6" size="1"> <option value="コンビニ後払い">コンビニ後払い</option> <option value="クレジットカード">クレジットカード</option> <option value="代引き">代引き</option> </select> </div> </div> <input type="submit" name="sbm" value="購入"> </form>あなたの回答
tips
プレビュー