質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.51%

  • JavaScript

    16424questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Java

    13788questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • HTML

    8973questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    6706questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

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

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 378

yoco

score 2

こんにちは

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>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2017/02/22 13:45

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

    キャンセル

  • kei344

    2017/02/22 15:16

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

    キャンセル

回答 1

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/22 14:08

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

    キャンセル

  • 2017/02/22 14:29

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

    キャンセル

  • 2017/02/22 14:58

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

    キャンセル

  • 2017/02/22 15:17

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

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

    キャンセル

  • 2017/02/22 15:25

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.51%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    16424questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Java

    13788questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • HTML

    8973questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    6706questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。