formに複数ボタン配置と複数の値受け渡しにつきまして、下記のような命令をしたいのですが、どうしても解決策がわかりません。
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については表示させないテキストに隠して値だけ送るという
手もあるかもしれません。やり方がわかりませんが。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
javascriptに依存するのが許されるなら
<form method="post" action="1.php" onsubmit="return false;">
<input name="namae"type="text"value=""><br>
<input name="price"type="text"value="">
<input type="hidden" name="image">
<button type ="submit" name="submit1" onclick="sub(this);"><img src="1.jpg" alt="button_1"></button>
<button type ="submit" name="submit2" onclick="sub(this);"><img src="2.jpg" alt="button_2"></button><br>
</form>
<script type="text/javascript">
function sub(button){
switch(button.name){
case "submit1":
button.form.namae.value="こんにちわ";
button.form.price.value="30";
button.form.image.value="1.jpg";
break;
case "submit2":
button.form.namae.value="こんばんわ";
button.form.price.value="50";
button.form.image.value="2.jpg";
break;
}
button.form.submit();
}
</script>
No.1
- 回答日時:
> 1.jpgで作成したボタンをクリックすると、textの"コンニチワ"、textの30、1.jpgが1.phpへ送られる。
> 2.jpgで作成したボタンをクリックすると、textの"コンバンワ"、textの50、2.jpgが1.phpへ送られる。
<form>の中に入ってるフィールドは、基本的にnameとvalueがセットになっていれば全てサーバーに送られますから、
これをしたいなら、フォームを2つに分ける必要があります。
<form method="post" action="1.php">
<input name="namae"type="text"value="コンチニワ"><br>
<BUTTON type ="submit"name="submit1">
<IMG src="1.jpg">
</BUTTON>
<input name="price"type="text"value="30">
</form>
<form method="post" action="1.php">
<input name="namae"type="text"value="コンバンワ"><br>
<BUTTON type ="submit"name="submit2">
<IMG src="2.jpg">
</BUTTON><br>
<input name="price"type="text"value="50">
</form>
1つのフォームで作る場合は、JavaScriptで送るデータを随時生成するか、
$_POST['submit1']、$_POST['submit2']がセットされているかどうかを調べてどちらのボタンが押されたかを判断して、必要なデータだけを使用するようにして下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
formでのtarget="_blank"2回目
-
HTMLボタンの文字色を変え...
-
<FORM> </FORM> の中に さらに...
-
HTML ラジオボタン nameの大文...
-
<form>中の<button>タグのv...
-
submitボタンにvalue属性の値で...
-
getParameterで値が取得できず...
-
チェックボックスの値をコピー
-
Enterキークリック時の動作につ...
-
inputのtextとsubmitの高さがズ...
-
HTMLでのid とnameの違い
-
c# 文字列の最後から1文字削除...
-
Accessの画面更新を一時的に停...
-
DataGridViewのチェックボック...
-
ブラウザの×(閉じる)ボタンの...
-
Page_Load時にボタンクリックイ...
-
VC++ MFC CListCtrlで、ボタン...
-
DVD-Rの「セッションを閉じる」...
-
ACCESS2010 WEBブラウザーコン...
-
aspxをhtmlに変換する方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
checkboxとlabelがずれる
-
submitボタンにvalue属性の値で...
-
ボタンをクリックした時に、入...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
UWSC
-
グーグルマップの文字化けで困...
-
HTMLだけでボタン作成
-
<FORM> </FORM> の中に さらに...
-
INPUTのボタン周囲のスペース
-
ボタンリンクの文章を二行に・・・
-
inputのtextとsubmitの高さがズ...
-
ボタンを押さずにボタンを押す...
-
戻ると、記入フォームの内容が...
-
formの送信ボタンをテキストに...
-
どのボタンが押されたかの判定
-
ただいま勉強始めたての初心者...
おすすめ情報