value="url"使わずにselectで選んだ値に応じて[button_to_cart item="" ]を生成したい

Question

こんにちは

JavaScriptを利用した見積もりフォームから
selectで選んだ値に応じて動的リンクを作って飛ばしたい。

見積もりフォームでvalueを使っているので、
valueにurlを記述することができません。

ecサイトなので、値に応じたカートボタンを生成できればベストです。
カートボタンを生成することが厳しければ、
selectで選んだページに飛べればと思っています。

やりたいことは、
紙質を選んで、サイズ縦、サイズ横、枚数を入力
見積もりボタンを押して
↓
金額確認
↓
カートに入れる
カートに見積もり金額を引き継ぐ事はできたのですが、
selectで選んだ値によってそれぞれのカートボタンを生成することができません。
ウェルカートをカスタマイズしているので、カートボタンは
[button_to_cart item="" sku="" value="カートへ入れる"]
この様な記述になります。

教えて下さい(;_;)
よろしくお願いします。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<form id="estimatefrm" action="◯◯"  method="post" name="estimatefrm">
<div class="est-form">
<ul class="est-list">
 

<select class="app_select_s" name="material" data-text="幕素材" >
<option value="N/A">素材を選択してください</option>
<option value="t0">紙質1</option>
<option value="t1">紙質2</option>
<option value="t2">紙質3</option>
<option value="t3">紙質4</option>
<option value="t4">紙質5</option>
<option value="t5">紙質6</option>
<option value="t6">紙質7</option>
<option value="t7">紙質8</option>
<option value="t8">紙質9</option>
<option value="t9">紙質10</option>
<option value="t10">紙質11</option>
<option value="t11">紙質12</option>
<option value="t12">紙質13</option>
</select>
<div class="clear"></div>
 
<input class="app_input_s"  maxlength="4" name="size1" type="tel" data-text="サイズ" /> 
<span class="cm_form1">cm</span>
<span class="x1"> ×</span> 
<input class="app_input_s"  maxlength="4" name="size2" type="tel" data-text="サイズ" /> 
<span class="cm_form1">cm</span>
<span class="x1"> ×</span> 
 

<input id="p_cnt" class="app_input_s"  maxlength="7" name="p_cnt" type="tel" data-text="幕の枚数" />
<span class="cm_form1">枚</span>
 	<li class=""><span class="est-title">仕上方法 <span class="need">*</span></span>
<span class="ipt vertical">
<input id="shiage1" class="app_radio" checked="checked" name="data[]" type="checkbox" value="1" data-text="仕上げ方法" />
<label for="shiage1">ヒートカット(熱裁断)</label>
</span>
<span class="ipt vertical">
<input id="shiage2" class="app_radio" name="data[]" type="checkbox" value="2" data-text="仕上げ方法" />
<label for="shiage2">ハトメ穴加工</label></span>
<span class="ipt vertical">
<input id="shiage3" class="app_radio" name="data[]" type="checkbox" value="3" data-text="仕上げ方法" />
<label for="shiage3">チチ(のぼり加工)</label></span>
<span class="ipt vertical">
<input id="shiage4" class="app_radio" name="data[]" type="checkbox" value="4" data-text="仕上げ方法" />
<label for="shiage4">袋縫い</label></span>
<span class="ipt vertical">
<input id="shiage5" class="app_radio" name="data[]" type="checkbox" value="5" data-text="仕上げ方法" />
<label for="shiage5">4辺ロープ加工（別料金）</label></span></li>
</ul>

<div class=""><input id="btnEstimate" class="btnComm" onClick="calc()" readonly="readonly" type="button" value=" 見積り価格確認 " 
"/>
<input name="field_total" size="15" type="text" value="¥" /> 
<label for="tanka">単価</label>
<input name="field_unit_price" readonly="readonly" size="8" type="text" value="¥" /> </div>

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、どのような挙動にしたいのかがわからないので、「何をしたときに」「どうなると思って」「どうなったのか」を、コード及び出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

[kei344]

質問タグに「WordPress」を追加されてはいかがでしょうか。

Answer 1

selectのvalueをキーに飛び先のurlをリスト化して利用すればよいのでは？

Comments

[yoco]

もしよろしければ、やり方か参考になるurlを教えて頂けませんか？
リスト化の方法がわかりません。。

[yambejp]

具体的に、urlに飛ぶトリガーはなんでしょう？

[yoco]

[button_to_cart item="" sku="" value="カートへ入れる"]
こちらがカートへ入れるボタンになります。
こちらを記述すればカートに入れられるとウェルカートで乗っているだけで、詳しいトリガーがわからないのです。。

[yambejp]

ご利用のカートの仕様がわからないのでなんと言えませんが

[button_to_cart item="" sku="" value="カートへ入れる"]
という文字列を作成したとしてそれをどうするのでしょうか？
またおそらく、button_to_cart item、skuに任意の
文字を指定するのでしょうけど、selectのどの値を指定するのでしょうか？
そのあたりをカートの説明書を見ながら検証なさると良いかと思います

[yoco]

ありがとうございます。一度ウェルカートの説明を見てみます！