Q&A
前提・実現したいこと
JavaScriptでユーザーの情報（データAとする）を自動で取得後、
ユーザーが任意の値を入力（データBとする）し処理開始ボタンを押すことがきっかけで
データA,BをPHP側に渡し処理を行いたい。
発生している問題・エラーメッセージ
上記データA,Bの渡しかたがわからない
該当のソースコード
・HTML側
<script> //今回は便宜上予め変数に値を代入しておく var hoge = 12345; //データAとする </script> <form action = "xxx.php" method = "post"> 数値を入力してください <input type = "number" name = "foo"> //データBとする <input type = "submit" value = "処理開始"> </form>・PHP側
<?php echo $_POST['foo']; //もちろんデータBしか表示されない ### 試したこと ### 補足情報（FW/ツールのバージョンなど）
回答3件
0
//今回は便宜上予め変数に値を代入しておく var hoge = 12345; //データAとする
↑formに突っ込んどきゃよかろうて。
<input type = "number" name = "foo"> //データBとする <input type = "hidden" name = "hoge" value="12345"> // <-- ほれ。 <input type = "submit" value = "処理開始"> </form>
投稿2018/06/13 03:08
編集2018/06/13 03:09
総合スコア5572
0
ベストアンサー
hidden(隠しフィールド)で値を一緒に飛ばしてしまえばよいかと思います。
記述はここが参考になるかと思います。
HTML
1<html> 2<body> 3 4<form action="./test.php" method="POST"> 5<input type="hidden" name="test1" value="val1"/> 6<input type="submit" value="送信"/> 7</form> 8 9<?php 10 11if( isset( $_POST[ 'test1' ] ) ){ 12 //隠しフィールドの value を表示する。 13 print "送信された内容は{$_POST['test1']}です。<br/>"; 14} 15 16?> 17 18</body> 19</html>
投稿2018/06/13 03:15
総合スコア74
0
こんな感じで
javascript
1window.addEventListener('DOMContentLoaded', function(e){ 2 var hoge = 12345; 3 document.querySelector('#f1').addEventListener('submit',function(e){ 4 e.preventDefault(); 5 var t=e.target; 6 var n=t.querySelector('[name=hoge]'); 7 if(n) n.parentNode.removeChild(n); 8 n=document.createElement('input'); 9 n.setAttribute('type','hidden'); 10 n.setAttribute('name','hoge'); 11 n.value=hoge; 12 t.appendChild(n); 13 t.submit(); 14 }); 15});
HTML
1 2<form action = "xxx.php" method = "post" id="f1"> 3<input type = "number" name = "foo"> 4<input type = "submit" value = "処理開始"> 5</form>
- xxx.php
PHP
1<?PHP 2print_r($_POST);
投稿2018/06/13 03:20
総合スコア114829
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。