Get the value of a hidden field in the same html?
I want to get the value of a field hidden
in my html.
<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>
How can I print my name in the same html.
How can I achieve this? Thanks in advance.
+3
source to share
2 answers
Assuming this HTML
<form>
<fieldset>
<input id="name" type="hidden" value="vikiiii" name="name">
</fieldset>
My name is <span id="nameTarget"></span> ...!!!
</div>
</form>
This JavaScript code will work:
document.getElementById( 'nameTarget' ).innerHTML = document.getElementById( 'name' ).value;
+4
source to share
You can use <span>
for the value to be printed.
Here is a demo script .
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;
0
source to share