How to get the hidden input's value by using angularjs?

Question

In angularjs,I want to get the value of the hidden input. such as the following:

<pre>
<input type="hidden" name="captId" value="AqXpRshs9QHfxUbOWqMT" ng-model="captId">
</pre>

How to get the "hidden input" value "AqXpRshs9QHfxUbOWqMT" by using angularjs,not ajax or jquery.

document.getElementById("captId").value

gdoron
– gdoron

2014-03-03 07:24:57 +00:00
Commented Mar 3, 2014 at 7:24 — gdoron
– gdoron, Commented Mar 3, 2014 at 7:24
it's far better using an input type text with display:none

Whisher
– Whisher

2014-03-03 08:05:51 +00:00
Commented Mar 3, 2014 at 8:05 — Whisher
– Whisher, Commented Mar 3, 2014 at 8:05

ug_ · Accepted Answer · 2016-05-21 18:13:29Z

24

You can use ng-init to initialize the value so it binds that to your model variable upon creation.

<input type="hidden" name="captId" ng-init="captId='AqXpRshs9QHfxUbOWqMT'" ng-model="captId">

Or you can get it directly if all else fails:

angular.element(document.getElementsByName('captId')[0]).val();
// or dont use angular at all
document.getElementsByName('captId')[0].value

Documentation for angular.element

edited May 21, 2016 at 18:13

answered Mar 3, 2014 at 7:25

ug_

11.5k2 gold badges37 silver badges56 bronze badges

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

2 Comments

Pascal Le Merrer Over a year ago

the second way you mention is much better

ug_ Over a year ago

@PascalLeMerrer agreed, I think if op was to use the first method he/she might find that the value is set to an empty string because it would be overwritten with the captID value which is likely blank.

Saqib R. · Accepted Answer · 2015-09-18 09:54:12Z

1

By ID

document.getElementById('yourId').value

By Name

document.getElementsByName('yourName')[0].value

Keep it simple :)

edited Sep 18, 2015 at 9:54

answered Apr 27, 2015 at 11:58

Saqib R.

3,0992 gold badges30 silver badges21 bronze badges

1 Comment

grim Over a year ago

Your by name should be: document.getElementsByName('yourName')[0].value since since the getElementsByName returns a collection

Collectives™ on Stack Overflow

How to get the hidden input's value by using angularjs?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related