根据上一页的用户输入更改网页颜色

Question

我有上一页中的表格。在表单中，我有一个带有以下选项的清单：红色，绿色，蓝色。

如果用户选择红色，则下一页的背景色应为红色。如果选择绿色，则背景色将为绿色。我正在使用PHP来做到这一点。

上一页

<form action="next_page.php method="POST>
  <input type="radio" name="color" value="red">
  <input type="radio" name="color" value="green">
  <input type="radio" name="color" value="blue">
</form>

下一页

<?PHP 
   $radioVal = $_POST["color"]
 ?>

 <style>
   .body{
     //what goes here
  }
 </style>

Answer 1

无特定顺序：

• 使用AJAX从服务器获取所需的数据。
• 将数据回显到页面中的某个位置，然后使用JavaScript获取来自DOM的信息。
• 直接将数据回送到JavaScript。

查看此comment

Answer 2

尝试一下：

<?PHP 
$radioVal = $_POST["color"];

echo "
 <style>
   .body{
     background-color:" . htmlspecialchars($radioVal) . "
  }
 </style>";
 ?>