Q&A
なぜそこに下記をつけましたか？
method="POST"
html
1<?php 2 3//formがsubmitされたらここでvar_dumpを返す 4 5if($_SERVER['REQUEST_METHOD'] === 'POST'){ 6 var_dump($_POST); 7}; 8?> 9 10 11<!DOCTYPE html> 12<html lang="ja"> 13<head> 14 <meta charset-"utf-8"> 15 <title>vote system</title> 16 <link rel="stylesheet" href="style.css"> 17</head> 18<body> 19 <h2>which do you like best?</h2> 20 21<form> 22<div class="container"> 23 24//画像を３枚貼り付けています 25 <div class="P1 K" data-id="1"> 26 <p>1</p> 27 <img src="world1.jpg" width="250px" height="250px"> 28 </div> 29 <div class="P2 K" data-id="2"> 30 <p>2</p> 31 <img src="OIPQ53HDI2B.jpg" width="250px" height="250px"> 32 </div> 33 <div class="P3 K" data-id="3"> 34 <p>3</p> 35 <img src="OIPGV904CK3.jpg" width="250px" height="250px"> 36 </div> 37 38//上の画像のどれかを選択すると画像のdata-id番号がvalue値になるようにjsで設定しました。 39 <input id="X" type="hidden" method="POST" value=""> 40 41</div> 42</form> 43 44<div class="button"> 45 <p class="vote">Vote!</p> 46</div> 47 48<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 49<script> 50$(function() { 51 'use strict'; 52//先ほど述べたjsの処理 53$('.K').on('click', function(){ 54 $('#X').val($(this).data('id')); 55}); 56 57//ボタンを押すとvalue値が送信され、var_dumpが表示されるはずが... 58$('.button').on('click', function(){ 59 $('form').submit(); 60}); 61 62}); 63</script> 64 65 66 67 68</body> 69</html> 70
画面がvar_dumpによる表示に切り替わると思いきや、リダイレクトされたような動きになります。
ブラウザのコンソール、puttyともにエラーはありません。
回答3件
ベストアンサー
0
<input>タグにmethod属性はないはずなのですので消してみてください
（これが原因ではないと思いますが念のため）
html
1<input id="X" type="hidden" method="POST" value="">
↓
html
1<input id="X" type="hidden" name="" value="">
投稿2020/02/05 06:22
編集2020/02/05 06:31
総合スコア876
0
var_dump が HTML の「外」にあるので、レンダリングがうまくできません（ブラウザ依存の挙動になります）
せめて <body> タグの内側に仕込みましょう。
投稿2020/02/05 06:19
総合スコア13703
DOCTYPEの外であっても画面出力はされますよ。
失礼。補足されてましたね。
>ブラウザ依存の挙動
あなたの回答
tips
プレビュー
