JQuery Syntax

I am trying to grab the Dta Value from a specific select option:
<script>
 				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;
 				}	
 				alert(usage);	
</script>

Open in new window

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

What am I doing wrong?
LVL 7
rgranlundAsked:
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');
0
 
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?
0
 
rgranlundAuthor Commented:
I had to do the following: var usage_sel = $('select[name="item_options[usage]"]').find(':selected').data('damage');
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.