在相同的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;