formに複数ボタンを配置し、それぞれのボタンに対して、別の複数の値を

質問

formに複数ボタンを配置し、それぞれのボタンに対して、別の複数の値をPHPに受け渡したいのです。
例としは下記のような命令をしたいのですが、どうしても解決策がわかりません。

1.jpgで作成したボタンをクリックすると、textの"コンニチワ"、textの30、1.jpgが1.phpへ送られる。
2.jpgで作成したボタンをクリックすると、textの"コンバンワ"、textの50、2.jpgが1.phpへ送られる。

下記は、一応自分で作成したものです。

●sample.html

<form method="post" action="1.php">
<input name="namae"type="text"value="コンチニワ">
<input name="namae"type="text"value="コンバンワ"><br>

<BUTTON type ="submit"name="submit1">
<IMG src="1.jpg">
</BUTTON>

<BUTTON type ="submit"name="submit2">
<IMG src="2.jpg">
</BUTTON><br>

<input name="price"type="text"value="30">
<input name="price"type="text"value="50">

--------------------------------
【sample.htmlの希望表示】
namaeテキスト　　namaeテキスト
ボタン画像　　　　ボタン画像
priceテキスト　　priceテキスト
--------------------------------

●1.php

<?php

$namae=$_POST['namae']
$kakaku=$_POST['price']
$image=&_POST['image']

?>

もしかしたら、imageについては表示させないテキストに隠して値だけ送るという
手もあるかもしれません。やり方がわかりませんが。

回答No.2

yambejp

フォームを２つにするならfloatをつかえばいいでしょう（cssも可）

<form style="float:left">
<div>
<div><input name="namae" type="text" value="コンチニワ"></div>
<div><BUTTON type ="submit" name="submit1" value="1"><IMG src="1.jpg"></BUTTON></div>
<div><input name="price" type="text" value="30"></div>
</div>
</form>
<form>
<div>
<div><input name="namae" type="text" value="コンバンワ"></div>
<div><BUTTON type ="submit" name="submit1" value="2"><IMG src="2.jpg"></BUTTON></div>
<div><input name="price" type="text" value="50"></div>
</div>
</form>

片方を無視するならsubmitのボタンに値を与えてやるとよいでしょう

<form>
<div>
<input name="namae" type="text" value="コンチニワ">
<input name="namae" type="text" value="コンバンワ">
</div>
<div>
<BUTTON type ="submit" name="submit1" value="1"><IMG src="1.jpg"></BUTTON>
<BUTTON type ="submit" name="submit2" value="1"><IMG src="2.jpg"></BUTTON>
</div>
<div>
<input name="price" type="text" value="30">
<input name="price" type="text" value="50">
</div>
</form>

回答No.1

okmotokun

(1) フォームを２つにするか、
(2) どちらのボタンでサブミットされてきたかを判別して不要な値を捨てる。
で解決できませんか。

補足

ご回答ありがとうございます。

ただ、フォームを二つにすると、どうしても下記のような表示が
できないのです。

--------------------------------
【sample.htmlの希望表示】
namaeテキスト　　namaeテキスト
ボタン画像　　　　ボタン画像
priceテキスト　　priceテキスト
--------------------------------

こうなってしまいます。

--------------------------------
【sample.htmlの希望表示】
namaeテキスト　　
ボタン画像　　　　
priceテキスト

namaeテキスト
ボタン画像
priceテキスト
--------------------------------

上の私の作ったプログラムで、
サンプルを書いていただけないでしょうか？