无法将隐藏的表单值转换为 javascript 变量

Question

我有一个包含多个字段的表单。隐藏字段之一的值与其他一些输入值一起在 URL 中传递，如下所示：

example.html#firstname=Homer&lastname=Simpson&itype=TARGET

我有一个 javascript 可以解析 URL，并且可以很好地填充表单。表单的输出包含从 url 传递的所有值，所以我知道变量正在传递给表单字段。

我的问题是 - 我希望能够设置一个 if 语句来根据 itype 的值更改其中一个标题的文本。

这是我的代码：

        var itypestuff = document.getElementById("itype").value;

        document.write ("<p>The value of the variable is " + itypestuff.value + "</p>");

        if( itypestuff == "TARGET" ){
           document.write("This is the target");
        }

        else{
           document.write("This is not the target");
        }

我添加了第一个 document.write 语句作为调试，它返回：变量的值未定义

itype 字段变量如下所示：

    <input type="hidden" name="itype" id="itype" value="">

有什么想法可以将 URL 中的变量放入我的 javascript 变量中，这样我就可以执行 if 语句了吗？

Answer 1

改变：

 document.write ("<p>The value of the variable is " + itypestuff.value + "</p>");

收件人

document.write ("<p>The value of the variable is " + itypestuff + "</p>");

或

改变

var itypestuff = document.getElementById("itype").value;

收件人

var itypestuff = document.getElementById("itype");
// And 
if( itypestuff.value == "TARGET" ){ //...

编辑

你必须像这样改变你的html：

<input type="hidden" name="itype" id="itype" value="<?= htmlspecialchars($_GET['itype']); ?>">

然后调用：example.php?firstname=Homer&lastname=Simpson&itype=TARGET