jquery selectedIndex doesn't work

Question

i have a from with many select tags , when the user submit the form i want to check if the user choose one option for all the select tags and this is my jquery code

Answer 1

It's this.selectedIndex, not $this.selectedIndex :)

• this is the HTMLDomElement
• $this is jQuery object

Answer 2

var $this = $(this);
if($this.get(0).selectedIndex == 0) {

}

or just simple

this.selectedIndex; // not $this / $(this)

If no option it will return -1

here I showed all above cases

Answer 3

If you are using a version of jQuery above 1.6? then you can use

if ( $this.prop('selectedindex') == 0 ){ /* handle */ }