Q&A
前提・実現したいこと
以前、こちらで質問させていただき、回答していただいた内容で
実装を進めて検証していたのですが、IEのみなぜか遷移後の値にMax値+1が入ってしまいます。
（POSTした値）
他のブラウザ（Google ChromeやFireFox）では、問題ない動作を確認しています。
※受信側でIEのみ６を表示し（受信して）ます。
他ブラウザは、それぞれ１～５を表示します。
IEはいろいろと挙動が異なるのは承知していますが、回避方法を教えていただきたいです。
よろしくお願いします。
※あまりみない環境だとは思います。
該当のソースコード
↓↓送信側PHP
PHP
1<!DOCTYPE html> 2<html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 7 <meta name="description" content=""> 8 <meta name="keywords" content=""> 9 <link rel="stylesheet" href="./css/style.css"> 10 </head> 11 12 <body> 13 <header class="header"> 14 <div class="wrapper"> 15 <div class="header__btm"> 16 <h1>POST送信</h1> 17 </div> 18 </div> 19 </header> 20 21 <main id="main"> 22 </main> 23 </body> 24</html>
Javascript
1var ele = document.querySelector('#main'); 2 3for (var i = 0; i < 5; i++) { 4 5 // ボタン作成 6 var eleA = document.createElement('a'); 7 eleA.setAttribute('data' , i + 1); 8 eleA.setAttribute('id' , 'btnEdit'); 9 eleA.onclick = 'function(){post(i + 1);}; 10 ↑ここで「0～4」を引数として渡したいです（onclickではない方法でPOST送信でも可です） 11 12 ele.appendChild(eleA); 13 14} 15 16// POST送信 17function post(params, key='data', path='./next.php', method='post') { 18 19 var form = document.createElement('form'); 20 form.method = method; 21 form.action = path; 22 23 var hiddenField = document.createElement('input'); 24 hiddenField.type = 'hidden'; 25 hiddenField.name = key; 26 hiddenField.value = params; 27 28 form.appendChild(hiddenField); 29 document.body.appendChild(form); 30 form.submit(); 31};
↓受信側PHP
PHP
1<?php 2 $data = ''; 3 if (!empty( $_POST['data'])) $data = $_POST['data']; 4?> 5<!DOCTYPE html> 6<html> 7 <head> 8 <title>POST確認</title> 9 <meta charset="utf-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 11 <link rel="stylesheet" href="./css/style.css"> 12 </head> 13 14 <body> 15 <header class="header"> 16 <div class="wrapper"> 17 <div> 18 <h1>POSTデータ内容</h1> 19 </div> 20 </div> 21 </header> 22 23 <main class="wrapper"> 24 <p>受信値は、<?php echo $data; ?>です。</p> 25 </main> 26 27 </body> 28 <input type="hidden" id="hdnVal" value="<?php echo $data; ?>" /> 29</html> 30
補足情報（FW/ツールのバージョンなど）
環境
Windows Server 2019
Xampp 5.6.8
検証ブラウザ
IE11
FireFox 85.0
Google Chrome 88.0
回答1件
0
ベストアンサー
var ele = document.querySelector('#main');
mainというidがついたHTML要素が見当たりません
mainタグを指定したいのでアレはquerySelector('main')
投稿2021/01/29 05:52
総合スコア116661
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/29 06:59