Q&A
プログラムコード(およびエラーメッセージ)は質問内容としては最も重要な部分であるため、見やすくしていただけると助かります。<code>ボタン押下→「コード」部分にコードを貼り付け→「ここに言語を入力」に対象言語名記入（エラーメッセージの場合は不要）の手順で「コードハイライト化」してください。（質問編集画面ではリアルタイムでプレビューが表示されるので見ながら調整してください）
前提・実現したいこと
HTMLにボタンを3つ設置し、それぞれに異なる値を持たせる。
どれか一つが押されたときに、そのボタンに付与された値をサーバーに送信する。
該当のソースコード
<form name="form" action="＜URL＞" method="post"> <input type="hidden" name="test"> <input type="button" value="ボタン１" onclick="form.test.values=1;form.submit();"> <input type="button" value="ボタン２" onclick="form.test.values=2;form.submit();"> <input type="button" value="ボタン３" onclick="form.test.values=3;form.submit();"> </form>
試したこと
サーバー側では受けとった値によって処理を分岐させているのですが、
テスト実行したところ該当ページから遷移しませんでした。
上記のソースで間違っている部分がありますでしょうか。
ご指摘いただければ幸いです。
よろしくお願いいたします。
「遷移しない」現象が再現しません。必ずactionに指定した先にpostされます。
大変失礼いたしました。内容、更新いたしました。”「遷移しない」現象が再現しません。”というのは、上記のコードは誤りがなく、うまくいくということでしょうか。
2文目→ 必ずactionに指定した先にpostされます。
試してもらいたいこともあるので回答に書きます。
回答1件
0
ベストアンサー
「test」というキーで押したボタンによって別の値で送信したい
ということでしたら下記のような方法もあります。
php
1<form name="form" action="＜URL＞" method="post"> 2 <button type="submit" name="test" value="1">ボタン１</button> 3 <button type="submit" name="test" value="2">ボタン２</button> 4 <button type="submit" name="test" value="3">ボタン３</button> 5</form>
同じnameのsubmitボタンを用意してvalueを変える。
※ただしinputタグではなくbuttonタグ
いずれにしても提示コードでは「該当ページから遷移しません」という現象は起きませんでした。
URLが間違っていたとしてもそこに向けて送信されます。
もう少し実行環境など詳細を提示されてはいかがでしょうか。
再現しない以上は環境が何か影響している可能性はあります。
私はChrome最新で実行しています。フォーム送信はローカル実行（file:///）、ローカルサーバー実行(http://localhost)いずれも成功しました。
ただし、testは空で送信されます。入力コントロールに値を設定したい場合はvaluesではなくvalueです。
投稿2018/07/20 02:31
編集2018/07/20 02:33総合スコア80888
ご回答ありがとうございます。
結果から申し上げますと、無事ページ遷移ができるようになりました。
原因は、受け取り側（サーバー側）の記述の不備でございました。
大変失礼いたしました。
また、回答していただいたHTMLのほうがよりシンプルで分かりやすく感じましたので、こちらに変更させていただきました。
ありがとうございました。
>原因は、受け取り側（サーバー側）の記述の不備でございました。
なるほど、そういうこともあるのですね。
「送信はされていたが正しく受け取るような記述ではなかった」ということでしょうか。
ひとまず、解決されたようで何よりです。
あなたの回答
tips
プレビュー
