Getting the value of an input element in jquery

Question

I would like to get the value of a input using a the a chain class as the identifier in jquery. is this possible?

I have the following code

<input class="donate-block__value monthly" type="text" id="donation-amount" name="DonationAmount" value="200" />

and i have tried the following which has resulted in undefined

var monthlyDonation = $('.donate-block__value .monthly').val();
var monthlyDonation = $('donate-block__value monthly').val();

console.log(monthlyDonation);

I need to target the class Can this be done please?

Cameron637 · Accepted Answer · 2016-07-18 21:13:31Z

5

Don't add space between your classes or jquery will start to search within the first class looking for a child element. use it like this:

var monthlyDonation = $('.donate-block__value.monthly').val();

answered Jul 18, 2016 at 21:13

Cameron637

1,71914 silver badges24 bronze badges

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

1 Comment

Paul Over a year ago

Thats it :)! I cant believe i missed that. Its been a long day. thanks

dchayka · Accepted Answer · 2016-07-18 21:16:14Z

2

You can also target just the input element in case you have multiple elements with that class defined:

$('input.donate-block__value.monthly').val();

answered Jul 18, 2016 at 21:16

dchayka

1,31213 silver badges21 bronze badges

Comments

larz · Accepted Answer · 2016-07-18 21:19:19Z

0

Your selector .donate-block__value .monthly is referring to an element within an element. Try just .donate-block__value or .monthly

answered Jul 18, 2016 at 21:19

larz

5,7662 gold badges13 silver badges23 bronze badges

Collectives™ on Stack Overflow

Getting the value of an input element in jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related