Javascript错误，明确定义的函数未定义

Question

因此，我有一个页面，其中 PHP 脚本回显了我的所有 HTML，包括一些 javascript。有问题的 javascript 函数应该在选择框更改时执行，但每次更改选择框时，我的 javascript 控制台都会出现错误，指出该函数未定义。

我什至将功能简化为仅显示警报框以帮助调试，但我仍然收到错误。

这是负责创建选择框的 PHP 函数：

function CreateMainSelect()
{
    $html = "<select name=\"main_select\" onChange=\"test()\" id=\"main_select\" >";
    $html .= "<option value='all'>All</option>";
    $html .= "<option value='past'>Past</option>";
    $html .= "<option value='current_and_future'>Current and Future</option>";
    $html .= "<option value='date_range'>Date Range</option>";
    $html .= "</select>";

    return $html;
}

完全没有必要将它放在函数中，但我需要稍微修改已经存在的另一个类似函数，所以请不要对我太失望！

这是回显的 javascript 函数：

echo '<script type="text/javascript">';
echo 'function test()';
echo '{';
echo 'alert("hello world");';
echo '}';
echo '</script>';

javascript 在 PHP 文件的底部回显。我也尝试过将其移至顶部，但这并没有改变任何东西。

编辑：感谢大家的回复，您的所有建议都非常有帮助。我找出了问题所在，发现多达两处出了问题。第一个问题是我的浏览器（我认为无论如何）缓存了我的 javascript，因此我的函数的较旧的有缺陷版本被调用，这就是为什么一个完美的函数似乎会产生错误。通过清除我的缓存解决了。

另一个问题（我认为）是 JavaScript 函数实际上在执行之前并未被加载。我通过将 javascript 放在单独的 .JS 文件中并将其链接到 .PHP 文件来解决这个问题。

Answer 1

它似乎在这里工作得很好：

PHP: http://codepad.org/CGY47E1G

HTML: http://jsfiddle.net/maniator/9BCfv/

Answer 2

您的代码片段看起来很可靠（尽管我会在回声末尾添加换行符以使结果更具可读性）。您的 JavaScript 中的其他地方可能存在错误，导致您的函数无法加载。

Answer 3

您应该使用 HEREDOC 来生成该 javascript。它省去了您转义所有内部引号的麻烦。如果您不插入 PHP 变量，则可以使用 NOWDOC 变体，这可以节省一点点 PHP 编译器的时间开销。

function CreateMainSelect() {
   $html = <<<EOL
<select name="main_select" onChange="test()" id="main_select" >
    <option value='all'>All</option>
    etc...
</select>
EOL;
   return $html;
}

echo <<<EOL
<script type="text/javascript">
    function test() {
        alert("hello world");
    }
</script>
EOL;

更容易阅读...更好的是退出 echo 块的 PHP 模式。任何像样的语法突出显示编辑器都将能够识别 JavaScript 并对其进行适当的着色。