Question

当我点击Click Here!!!时，我会收到两条alert()条消息，但不是我期望的值BBB和ZZZ，而是undefined和undefined。

任何想法我做错了什么？ 我正在运行Firefox 8.0，适用于IE 8

<HTML>
<HEAD>
</HEAD>

<BODY>

<div id="1_0">
    <div id='1_1'  style="background-color: yellow;">
        <input="hidden" id="1_a" value="AAA"/>
        <input="hidden" id="1_b" value="BBB"/>
        some text, and some more
        <div>
            <div style="background-color: silver;" onclick="alert(document.getElementById('1_b').value);alert(document.getElementById('1_z').value);">
                Click Here!!!
            </div>
        </div>
    </div>
</div>


<input="hidden" id="1_z" value="ZZZ"/>

</BODY>
</HTML>

Answer 1

问题在于输入=隐藏。它应该是<input type="hidden">

<HTML>
<HEAD>
</HEAD>

<BODY>

<div id="1_0">
    <div id='1_1'  style="background-color: yellow;">
        <input type="hidden" id="1_a" value="AAA"/>
        <input type="hidden" id="1_b" value="BBB"/>
        some text, and some more
        <div>
            <div style="background-color: silver;" onclick="alert(document.getElementById('1_b').value);alert(document.getElementById('1_z').value);">
                Click Here!!!
            </div>
        </div>
    </div>
</div>


<input type="hidden" id="1_z" value="ZZZ"/>

</BODY>
</HTML>

Answer 2

在这些行上的HTML标记中看起来像是错误：

<input="hidden" id="1_a" value="AAA"/>
<input="hidden" id="1_b" value="BBB"/>

这些必须是：

<input type="hidden" id="1_a" value="AAA"/>
<input type="hidden" id="1_b" value="BBB"/>

请注意type属性。

Answer 3

您的元素定义应为：

<input type="hidden" .../>

而不是

<input="hidden" .../>

尝试starting your id with an alpha character（可能不是问题，但无论如何都应该这样）。

Answer 4

首先，您的输入应为<input type="hidden" id="1_a" value="AAA"/> <input type="hidden" id="1_b" value="BBB"/>

Answer 5

<input="hidden"

错了，你需要：

<input type="hidden"

Working Demo

Answer 6

因为你有一个错误的标记。而不是

<input="hidden" id="1_a" value="AAA"/>

应该是

<input type="hidden" id="1_a" value="AAA"/>

Firefox在使用时没有获得价值：document.getElementById（）。value

6 个答案: