＜このページはフリーページ機能を使って表示しています＞


複数商品をプルダウンで選択させる方法

【まとめて購入用のカゴのタグ出力方法はこちらから】

標準で出力されたまとめ買い用HTMLタグ
<form action="http://c03.future-shop.jp/fs/sample/ToCart.html" method="post">
<input type="hidden" name="goodsNo" value="gd28">りんご
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd28" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd29">みかん
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd29" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd30">グレープフルーツ
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd30" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd31">かき
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd31" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd32">バナナ
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd32" type="text" value="" size="5"></td>
</tr>
</table>
<input type="hidden" name="goodsNo" value="gd33">メロン
<table border="0" cellspacing="4" cellpadding="0">
<tr>
<td>数量<input name="cnt_gd33" type="text" value="" size="5"></td>
</tr>
<tr>
<td><input type="submit" value="カートへ"></td>
</tr>
</table>
</form>

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

商品をあらわす上記のソース赤字の部分をセレクトボックスに変更します。

<SELECT NAME="goodsNo">
<OPTION VALUE="gd28" selected>りんご</OPTION>
<OPTION VALUE="gd29">みかん</OPTION>
<OPTION VALUE="gd30">グレープフルーツ</OPTION>
<OPTION VALUE="gd31">かき</OPTION>
<OPTION VALUE="gd32">バナナ</OPTION>
<OPTION VALUE="gd33">メロン</OPTION>
</SELECT>


そして数量をあらわす、上記ソースの青字をHIDDENにします。
これでカゴに入れたときに、１個だけ入るようになります。

<input name="cnt_gd28" type="hidden" value="1" >
<input name="cnt_gd29" type="hidden" value="1" >
<input name="cnt_gd30" type="hidden" value="1" >
<input name="cnt_gd31" type="hidden" value="1" >
<input name="cnt_gd32" type="hidden" value="1" >
<input name="cnt_gd33" type="hidden" value="1" >


<form action="http://c03.future-shop.jp/fs/sample/ToCart.html" method="post">
<SELECT NAME="goodsNo">
<OPTION VALUE="gd28" selected>りんご</OPTION>
<OPTION VALUE="gd29">みかん</OPTION>
<OPTION VALUE="gd30">グレープフルーツ</OPTION>
<OPTION VALUE="gd31">かき</OPTION>
<OPTION VALUE="gd32">バナナ</OPTION>
<OPTION VALUE="gd33">メロン</OPTION>
</SELECT>
<input name="cnt_gd28" type="hidden" value="1" >
<input name="cnt_gd29" type="hidden" value="1" >
<input name="cnt_gd30" type="hidden" value="1" >
<input name="cnt_gd31" type="hidden" value="1" >
<input name="cnt_gd32" type="hidden" value="1" >
<input name="cnt_gd33" type="hidden" value="1" >
<input type="submit" value="カートへ">
</form>


完成！！
これで、プルダウンで選択してカートに入れると選択した商品がカゴに入ります。

りんご みかん グレープフルーツ かき バナナ メロン