将PHP变量传递给Javascript不会起作用

Question

我的网站有两个不同的页面，我们称之为page1和page2。在第一页上，我有一个处理一些信息的HTML表单。然后我有一个php文档将该信息处理成.txt文件。然后我在我的page2上有一个图像，这个图像我想根据特定的变量改变。这个变量是在php脚本中设置的，它检查某个值是否正确，然后它会将此特定变量设置为1或2.然后如第2页所述，我有这个图像我想改变，这取决于是否php变量是1或2.这是我试图通过第2页上的javascript获取php变量，然后首先显示它，以确保我得到正确的值。但是当我这样做时，我得到了＆＃34; null＆＃34;而且几乎没有任何事情发生。它加载页面但不显示任何内容。请记住，当我说页面等是因为page1是一个HTML文档，page2是另一个HTML文档，当然php函数是一个单独的php文档。

HTML page1，用户可从下拉菜单中选择

<div id="sKind">
     <select border="0" size="1" name="produKind" id="cSK" data-selected="" required="">
        <option value="">enter color</option>
        <option value="white">White</option>
        <option value="black">Black</option>
    </select>
    </div>

php文件我用来传递值和变量

<?php

    $field_skind = $_POST['produKind'];

    $imgShow = 1;
    if ($field_skind == white){
      $imgShow = 1;
    } else if ($field_skind == black) {
      $imgShow = 2;
    }
    echo json_encode($imgShow);
?>

我在第2页上使用的代码html

<script>

var imgNumber = <?php echo json_encode($imgShow)?>;

document.getElementById("insert").innerHTML = imgNumber;

</script>

<p id="insert"></p>

Answer 1

变量仅存在于它出现的程序中。

单独的HTML文档不是同一个程序。它根本不是一个程序。

如果要使用该变量，则需要从那个 PHP程序生成第2页的内容。