JQuery Syntax

I am trying to grab the Dta Value from a specific select option:
 				var usage_sel = $('select[name="item_options[usage]"]').attr('data-damage');
 				var usage_var = usage_sel.data('damage'); 		
 				if ( usage_var == null  ) {
 					usage = 1;
 				} else if ( usage_var == undefined ) {
 					usage = 1;
 				} else {
 					usage = usage_var;

Open in new window

The select name is item_options[usage]
the data is data-damage

What am I doing wrong?
Who is Participating?
RobOwner (Aidellio)Commented:
var usage_sel = $('select[name="item_options[usage]"]').attr('data-damage');
should be

var usage_sel = $('select[name="item_options[usage]"]').data('damage');
rgranlundAuthor Commented:
When I do this: var usage_sel = $('select[name="item_options[usage]"]').data('damage');   I have it to alert on change and I get undefined.  Do I need to add more to it to get the DATA value from the selected option?
rgranlundAuthor Commented:
I had to do the following: var usage_sel = $('select[name="item_options[usage]"]').find(':selected').data('damage');
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.