在相同的HTML中获取隐藏字段的值？

Question

我希望在html中获得hidden字段的值。

<form>

<fieldset>
<input id="name" type="hidden" value="vikiiii" name="name">
</fieldset>

My name is {What should i write here to print "vikiiii" ???} ...!!!

</div>

</form>

我如何在同一个HTML中打印我的名字。

我怎么能做到这一点？ 提前谢谢。

Answer 1

假设这个HTML

<form>

<fieldset>
<input id="name" type="hidden" value="vikiiii" name="name">
</fieldset>

My name is <span id="nameTarget"></span> ...!!!

</div>

</form>

此JavaScript代码可以使用：

document.getElementById( 'nameTarget' ).innerHTML = document.getElementById( 'name' ).value;

Answer 2

您可以使用<span>作为要打印的值 这是demo fiddle。

HTML：

<fieldset>
<input id="name" type="hidden" value="vikiiii" name="name">
</fieldset>
<span>My name is </span><span id="myname"></span><br />

使用Javascript：

var hiddenValue = document.getElementById("name").value;
document.getElementById("myname").innerText = hiddenValue;