フォームからのデータ送信方法

質問

どのカテゴリーに質問させていただいていいのか見当がつかなかったのでこちらに
投稿させてもらいました

見よう見まねでフォームからのデータ送信を試みています。
やり方に検討がつかずヒントをもらえたらと思います

最終目標はショッピングカートへのデータ送信です
一つの商品をカゴに入れるには下記のような形だというところまではわかりました

<form action="/products/detail.php" method="post" name="a11" id="a11" >
<input type="hidden" name="mode" value="cart" />
<input type="hidden" name="product_id" value="137" />
<input type="hidden" name="product_class_id" value="634" />
<input type="checkbox" name="quantity" value="1" />
<input type="submit" value="購入する" />

しかし、商品にはグループが３つあり、さらに各グループには９つの商品あります
なので合計２７個の商品の中から３つを選んでもらう形をとりたいのです
どれを選んだのかがわかるように一覧の中から選択してもらいたいです

Aグループ　（商品１、商品２、商品３・・・・）
Bグループ　（商品１０、商品１１、商品１２・・・・・）
Cグループ　（商品１９、商品２０、商品２１・・・・・）

という感じです
各グループの中からは一つしか購入できないので、
ラジオボタンで選択してもらい、それをフォームにてデータを送信
確認画面を経て、ショッピングカートへ送信という流れを取りたいと考えています

ラジオボタンで選択後に商品の情報をカートに送るためにはどうすればよいでしょうか？

素人考えで、例えば、ボックスみたいのをつくり、その中に情報を記入、
それをなんらかの形で呼び出す　みたいな感じでできる方法がないかと探しています

お手数ではありますが、参照プログラムを記述していただけるとありがたいです

質問の仕方も下手で申し分けありませんが、足らない部分は随時追加させていただきますので、
必要な情報等もございましたらお教えいただければと思います

どうぞよろしくお願いいたします

回答No.3

ORUKA1951

それぞれ９個の選択肢をもつ３つのグループからひとつずつ選択するのですから、フォームコントロールはradioかseclectになります。
<form action="****" method="post"><!-- nameやidは不要です -->
　<ul>
　　<li>Aグループ
　　　<select name="A" size="1">
　　　　<option value="1">商品1
　　　　<option value="2">商品2
　　　　・・・【中略】・・・
　　　　<option value="9">商品9
　　　</select>
　　</li>
　　<li>Bグループ
　　　<select name="B" size="1">
　　　　<option value="1">商品1
　　　　<option value="2">商品2
　　　　・・・【中略】・・・
　　　　<option value="9>商品9
　　　</select>
　　</li>
　　<li>Aグループ
　　　<select name="C" size="1">
　　　　<option value="1">商品1
　　　　<option value="2">商品2
　　　　・・・【中略】・・・
　　　　<option value="9>商品9
　　　</select>
　　</li>
　</ul>
・・・【中略】・・
</form>

あるいは、radioを使用して
<form action="****" method="post"><!-- nameやidは不要です -->
　<ul>
　　<li>Aグループ
　　　<ol>
　　　　<li><input type="radio" name="A" value="1">商品1</li>
　　　　<li><input type="radio" name="A" value="2">商品1</li>
　　　　<li><input type="radio" name="A" value="3">商品1</li>
　　　　・・・【中略】・・・
　　　　<li><input type="radio" name="A" value="9">商品1</li>
　　　</ol>
　　</li>
　　<li>Bグループ
　　　<ol>
　　　　<li><input type="radio" name="B" value="1">商品1</li>
　　　　<li><input type="radio" name="B" value="2">商品1</li>
　　　　<li><input type="radio" name="B" value="3">商品1</li>
　　　　・・・【中略】・・・
　　　　<li><input type="radio" name="B" value="9">商品1</li>
　　　</ol>
　　</li>
　　<li>Cグループ
　　　<ol>
　　　　<li><input type="radio" name="C" value="1">商品1</li>
　　　　<li><input type="radio" name="C" value="2">商品1</li>
　　　　<li><input type="radio" name="C" value="3">商品1</li>
　　　　・・・【中略】・・・
　　　　<li><input type="radio" name="C" value="9">商品1</li>
　　　</ol>
　　</li>
　</ul>
・・・【中略】・・
</form>

いずれにしても、サーバーにはA=3&B=5&C=2 と言う形データが送られます。
　⇒17 フォーム ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/forms.html )

お礼

回答ありがとうございます
お礼が遅くなってしまい申しわけありません

フォームにてグループ送信することし、確認画面にPHPでひっぱり選択させたものを表示させることまではできたのですが、確認画面に表示させた後でうまくカートに送信することができませんでした

再度見直しをしてみます
ありがとうございました

回答No.2

naokita

グループ枠１
<label for="it1-1"><input type="radio" name="gr1" id="it1-1" value="商品1-1" />商品1-1</label>
<!-- ～～2～8までループ～～ -->
<label for="it1-9"><input type="radio" name="gr1" id="it1-9" value="商品1-9" />商品1-9</label>

グループ枠２
<label for="it2-1"><input type="radio" name="gr2" id="it2-1" value="商品2-1" />商品2-1</label>
<!-- ～～2～8までループ～～ -->
<label for="it2-9"><input type="radio" name="gr2" id="it2-9" value="商品2-9" />商品2-9</label>

グループ枠３
<label for="it3-1"><input type="radio" name="gr3" id="it3-1" value="商品3-1" />商品3-1</label>
<!-- ～～2～8までループ～～ -->
<label for="it3-9"><input type="radio" name="gr3" id="it3-9" value="商品3-9" />商品3-9</label>

単なるフォームですよね。
別項目と考えれば、何も難しく考える必要が無いと思いますが・・・

お礼

回答ありがとうございます
お礼が遅くなってしまい申しわけありません

フォームにてグループ送信することし、確認画面にPHPでひっぱり選択させたものを表示させることまではできたのですが、確認画面に表示させた後でうまくカートに送信することができませんでした

再度見直しをしてみます
ありがとうございました

回答No.1

hirotn

<input type="option" name"group1" value="商品1" />商品1
<input type="option" name"group1" value="商品2" />商品2

<input type="option" name"group2" value="商品10" />商品10

<input type="option" name"group3" value="商品19" />商品19

groupごとにname属性を設定します。フォーム送信時にはvalueの値が格納されます。

お礼

回答ありがとうございます
お礼が遅くなってしまい申しわけありません

フォームにてグループ送信することし、確認画面にPHPでひっぱり選択させたものを表示させることまではできたのですが、確認画面に表示させた後でうまくカートに送信することができませんでした

再度見直しをしてみます
ありがとうございました