How to get value from input type hidden with Javascript in correct way?

Question

I have a code

HTML :

<input type="hidden" name="test[]" id="test_0" value="123456789">

Javascript :

$(".test").each(function(){
   console.log('Test Value : '+ $(this).val());
});

Result :

Test Value =

The question :

Why result of console.log for $(this).val() inside my Javascript code give result empty ? And how to fix it without change the Javascript code?

Thank you

The code shown would not log anything to the console, because you have no elements with the "test" class. If you are seeing "Test Value =" in the console there must be other elements not shown. — nnnnnn
– nnnnnn, Commented Feb 17, 2017 at 2:01
My point is that the result you say you are seeing is not possible with the code shown. Are you asking how to get the value of a single, specific input? If so, how do you want to identify that input? By id? By name? Or...? — nnnnnn
– nnnnnn, Commented Feb 17, 2017 at 2:04
@nnnnnn : if i don't want to change the Javascript but only change the HTML so how to fix it? you can post as an answer , if it solve the problem i will accept as correct answer. thank you — Mr. Mike
– Mr. Mike, Commented Feb 17, 2017 at 2:05

Obsidian Age · Accepted Answer · 2017-02-17 02:52:05Z

2

The problem is that $(".test") targets the class test, not the name test. In order to solve that by only changing the HTML, simply give the input the relevant class:

<input type="hidden" name="test[]" class="test" id="test_0" value="123456789">

A working fiddle demonstrates this here.

Hope this helps :)

edited Feb 17, 2017 at 2:52

answered Feb 17, 2017 at 2:46

Obsidian Age

42.6k11 gold badges54 silver badges76 bronze badges

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

Comments

Dev.DY · Accepted Answer · 2017-02-17 02:10:04Z

0

test class is not defined.

try example,

console.log('Test Value : '+ $('#test_0').val());

answered Feb 17, 2017 at 2:10

Dev.DY

4553 silver badges7 bronze badges

1 Comment

Mr. Mike Over a year ago

that's correct, but i don't want to change Javascript, you only can change the HTML code.

Chava Geldzahler · Accepted Answer · 2017-02-17 02:17:14Z

0

You are not targeting the desired element.

Try this:

$("#test_0").each(function(){
   console.log('Test Value : '+ $(this).val());
});

edited Feb 17, 2017 at 2:17

answered Feb 17, 2017 at 2:12

Chava Geldzahler

3,7501 gold badge20 silver badges32 bronze badges

2 Comments

Mr. Mike Over a year ago

that's correct, but i don't want to change Javascript, you only can change the HTML code

Chava Geldzahler Over a year ago

If you want to change the HTML, add class="test" to your <input>

Leandro Gatti · Accepted Answer · 2017-02-17 03:42:49Z

0

In the HTML, you have to add a class to input

The problem, is that you are not getting any element, because you haven't any element with that class. I think that's all.

answered Feb 17, 2017 at 3:42

Leandro Gatti

974 bronze badges

1 Comment

Leandro Gatti Over a year ago

Collectives™ on Stack Overflow

How to get value from input type hidden with Javascript in correct way?

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related