An interesting question in jQuery regarding element Id

Question

0.00/5 (No votes)

See more:

Here is a simple html textbox in my form.

HTML

<input type="text" class="form-control InteractionText" id="InteractionFinalText" />

Now when I am accessing this textbox value in jQuery I am not getting the value entered in it by writing like this

HTML

$(".InteractionText").value

(OR)

$("#InteractionFinalText").value

interestingly it is working fine when I am accessing like this, it was so surprising for me why we should access by Index value, moreover why with second index.?

HTML

$(".InteractionText")[2].value

Note that i am sure in my page only one element with class "InteractionText", of course if I access with id also I am facing the same issue.?

Is I am missing any simple point in fundas of jQuery.? Or what causes this kind of scenario, any help will reduce my headache because of this simple issue I am wasting my time by browsing in net.

Posted 3-May-15 21:39pm

Saikrishna35

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Libin C Jacob · Answer 1 · 2015-05-03T22:26:00

Solution 1

Hi Saikrishna,

If you are using jquery then try as shown below

JavaScript

$('#InteractionFinalText').val();

If you are using javascript then try this way

JavaScript

document.getElementById('InteractionFinalText').value;

Posted 3-May-15 22:26pm

Libin C Jacob

Updated 3-May-15 22:44pm

v3

Comments

Saikrishna35 4-May-15 5:06am

Thanks for the reply Libin, I can get the required thing in several ways, But why it was happening like this means why should I go with index even there is only one single class name available in my form.?

Libin C Jacob 28-May-15 3:31am

Hi Saikrishna,
You can have multiple controls with the same class name. Once we take a control have a particular class name that will be an array of controls. As you know even if an array contains a single value, it can access only by an index. I think you get the point.

Rashmi Sutar · Answer 2 · 2015-05-06T20:30:00

Solution 3

Hi Saikrishna,

It is possible for you to create jsfiddle demo.

thanks in advance.

Posted 6-May-15 20:30pm

Rashmi Sutar

Comments

Saikrishna35 7-May-15 2:34am

Hi Rashmi, Thanks for the reply.
I was not able to create a sample page in jFiddle or no other place because I am using a big dynamic javascript code where the controls are created dynamically and adding to the solution. But still I am trying to produce it.
Thanks

Rashmi Sutar · Answer 3 · 2015-05-06T20:38:00

Solution 4

hi,

it's ok if you are not able to make demo because of dynamic contents...

Posted 6-May-15 20:38pm

Rashmi Sutar