【PHP】フォームから受け取った文字データをHTMLのscriptで使いたい

2行目：$name = $_POST['name'];で受け取ったデータ($name)を、
14行目：if ( [$nameの値が欲しい] == "田中"){で使いたいのですが、方法が分かりません。

試してみたこと
・if ($name == "田中")
・if (<?php echo $name;?> == "田中")

ご回答いただけるとありがたいです。
よろしくお願いします。

php
1<?php
2  $name = $_POST['name'];
3?>
4
5<html>
6  <head>
7    <meta charset="UTF-8">    
8  </head>
9  <body>
10    <h1 id="name">鈴木さん</h1>
11  </body>
12  <script>
13      var nameNum = 0;
14      if ( [$nameの値が欲しい] == "田中"){
15        nameNum = 1;
16      }
17      const name = document.getElementById("name");
18      if(changeNum == 1){
19        name.innerHTML = "<h1 id="name">田中さん</h1>";
20      }  
21    </script>
22</html>

行動規範の内容に同意します

回答2件

セキュリティ的な補足です。

言語間のデータのやり取りなので、適当なエスケープを実施してやる必要があります。

以下が一般的に適切かと。

custom data 属性に htmlspecialchars() を組み合わせ、JavaScript から読み込む
スクリプト内で、JSON として、適切なエスケープを行い引き渡す。

後者は、ajax で使用する場合も有効です。
その場合、Content-Type の設定にも注意してください。

投稿2020/07/25 04:45

退会済みユーザー

総合スコア0

ベストアンサー

PHP
1<?php
2$name = filter_input(INPUT_POST,'name');
3?>
4<h1 id="name">鈴木さん</h1>
5<form method="post">
6<input type="text" name="name" value="">
7<input type="submit" value="send">
8</form>
9<script>
10var nameNum = 0;
11if ( "<?=htmlspecialchars($name);?>" === "田中"){
12  nameNum = 1;
13}
14const name = document.getElementById("name");
15if(nameNum == 1){
16  name.innerHTML = "田中さん";
17}  
18</script>