Get jQuery select options value with multiple <select>

Hi,

I have this code:

$(".relation_to_grantor").change(function(this) {

 var sGRelationToGrantorSelection = $(this).val();

});

I'm wondering if I have multiple select tags with the class"relation_to_grantor" like:

<select class="relation_to_grantor">

and I changed, say, the first <select> that matches this class name then how would I just get the options value for just this select that I changed?

Is the above code, right? I haven't test it yet.

Thank you
Victor KimuraSEO, Web DeveloperAsked:
Who is Participating?
 
Chris StanyonCommented:
You shouldn't pass this as an argument of the function - that's for passing the event, not the control!

Your code should look like this:

$(".relation_to_grantor").change(function() {
    var sGRelationToGrantorSelection = $(this).val();
});

Open in new window

0
 
leakim971PluritechnicianCommented:
Is the above code, right? I haven't test it yet.

Yes, you're using the keyword this which represents the select that triggered the change event
0
 
hankknightCommented:
You could use "option:selected" like this:

var sGRelationToGrantorSelection;
$(".relation_to_grantor").change(function () {
 sGRelationToGrantorSelection = $(this).find('option:selected').attr('value');
});

Open in new window

0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
Ok. Thanks, fellows!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.