How do I use javascript to update the values of hidden input fields

Question

I have the following fields:

First Name: <input type="text" id="tFName" name="tFName" maxlength="50" />
Last Name:  <input type="text" id="tLName" name="tLName" maxlength="50" />

I want to use javaScript specifically dojo to update the value of the following hidden input fields:

<input type="hidden" name="tFName" value=""/>
<input type="hidden" name="tLName" value=""/>

what are some ways in Javascript and Dojo to accomplish this?

Emil Ivanov · Accepted Answer · 2010-11-17 16:01:41Z

5

dojo.query('#tFName').val('Joe');

See the val() docs.

answered Nov 17, 2010 at 16:01

Emil Ivanov

37.8k12 gold badges78 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

drcelus Over a year ago

Just remember to add dojo.require("dojo.NodeList-manipulate"); or this will not work.

eykanal · Accepted Answer · 2010-11-17 16:02:41Z

3

In plain Javascript, you can just set the .value property:

document.<form name>.tFName.value = <whatever>
document.<form name>.tLName.value = <whatever>

answered Nov 17, 2010 at 16:02

eykanal

27.2k19 gold badges86 silver badges114 bronze badges

Comments

Tobias · Accepted Answer · 2010-11-17 16:10:43Z

2

If we modify the html some (setting an ID on the hidden ones) we can:

First Name: <input type="text" id="tFName" name="tFName" maxlength="50" />
<input type="hidden" id="hiddenFName" name="tFName" value=""/>


var fName = dijit.byId("tFName");
var hFName = dijit.byId("hiddenFName");

hFName.attr("value", fName.attr("value"));

answered Nov 17, 2010 at 16:10

Tobias

8839 silver badges17 bronze badges

1 Comment

Emil Ivanov Over a year ago

If some of these is a <select>, this won't work. val() is much better.

nobitavn94 · Accepted Answer · 2010-11-17 16:02:56Z

1

Try this: document.getElementsByName("tFName")[0].value ="abc"; document.getElementsByName("tLName")[0].value ="def";

answered Nov 17, 2010 at 16:02

nobitavn94

3373 silver badges11 bronze badges

Collectives™ on Stack Overflow

How do I use javascript to update the values of hidden input fields

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related