How to check if an option is selected

Question

mySelectBox option   each function         if    this  isChecked           alert  this option is selected         else        alert  this is not          Apparently  the isChecked doesn t work  SO my question is what is the proper way to do this  Thanks

User · Answer

If you only want to check if an option is selected, then you do not need to iterate through all options. Just do

if($('#mySelectBox').val()){
    // do something
} else {
    // do something else
}

Note: If you have an option with value=0 that you want to be selectable, you need to change the if-condition to $('#mySelectBox').val() != null

User · Answer

Consider this as your select list    lt select onchange  var optionVal     this  find   selected   val    doSomething optionVal   gt                                    lt option value  mostSeen  gt Most Seen lt  option gt                                   lt option value  newst  gt Newest lt  option gt                                   lt option value  mostSell  gt Most Sell lt  option gt                                   lt option value  mostCheap  gt Most Cheap lt  option gt                                   lt option value  mostExpensive  gt Most Expensive lt  option gt                                lt  select gt    then you check selected option like this   function doSomething param         if    param selected             alert param     is selected

User · Answer

You can get the selected option this way       mySelectBox option selected        LIVE DEMO  But if you want to iterate all the options  do it with this selected instead of this isChecked which doesn t exist       mySelectBox option   each function         if  this selected         alert  this option is selected         else        alert  this is not          LIVE DEMO  Update   You got plenty of answers suggesting you to use this     this  is   selected   well  it can be done a lot faster and easier with this selected so why should you use it and not the native DOM element method     Read Know Your DOM Properties and Functions in the jQuery tag info

User · Answer

If you need to check option selected state for specific value       selectorId option value YOUR VALUE  selected

User · Answer

If you want to check selected option through javascript  Simplest method is add onchange attribute in that tag and define a function in js file see example if your html file has options something like this    lt select onchange  subjects this value   gt                  lt option gt Select subject lt  option gt                  lt option value  Computer science  gt Computer science lt  option gt                  lt option value  Information Technolgy  gt Information Technolgy lt  option gt                  lt option value  Electronic Engineering  gt Electronic Engineering lt  option gt                  lt option value  Electrical Engineering  gt Electrical Engineering lt  option gt    lt  select gt    And now add function in js file  function subjects str       console log  selected option is   str         If you want to check selected option in php file  Simply give name attribute in your tag and access it php file global variables  array    GET or   POST  see example if your html file is something like this   lt form action  validation php  method  POST  gt               Subject  lt br gt               lt select name  subject  gt                  lt option gt Select subject lt  option gt                  lt option value  Computer science  gt Computer science lt  option gt                  lt option value  Information Technolgy  gt Information Technolgy lt  option gt                  lt option value  Electronic Engineering  gt Electronic Engineering lt  option gt                  lt option value  Electrical Engineering  gt Electrical Engineering lt  option gt               lt  select gt  lt br gt             lt  form gt    And in your php file validation php you can access like this   subject     POST  subject    echo  selected option is  subject

User · Answer

If you re not familiar or comfortable with is    you could just check the value of prop  selected     As seen here        mySelectBox option   each function         if    this  prop  selected      true              do something       else             do something              Edit   As  gdoron pointed out in the comments  the faster and most appropriate way to access the selected property of an option is via the DOM selector  Here is the fiddle update displaying this action   if  this selected    true      appears to work just as well  Thanks gdoron

User · Answer

use       mySelectBox option selected      to test if its a particular option myoption    if     mySelectBox option selected   text      myoption

User · Answer

You can use this way  by jquery      x000D   x000D    document  ready function    x000D       panel master user job   change function      x000D   var job        panel master user job   val    x000D   alert job   x000D     x000D     x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt select name  job  id  panel master user job  class  form-control  gt  x000D                                       lt option value  master  gt Master lt  option gt  x000D                                       lt option value  user  gt User lt  option gt  x000D                                       lt option value  admin  gt Admin lt  option gt  x000D                                       lt option value  custom  gt Custom lt  option gt  x000D                                   lt  select gt  x000D   x000D   x000D

User · Answer

In my case I don t know why selected is always true  So the only way I was able to think up is   var optionSelected   false       select element option    each  function  i  el         var optionHTMLStr   el outerHTML       if   optionHTMLStr indexOf   selected     gt  0             optionSelected   true          return false

User · Answer

UPDATE  A more direct jQuery method to the option selected would be   var selected option       mySelectBox option selected      Answering the question  is   selected   is what you are looking for       mySelectBox option   each function         if   this  is   selected          The non jQuery  arguably best practice  way to do it would be       mySelectBox option   each function         if this selected        Although  if you are just looking for the selected value try       mySelectBox   val     If you are looking for the selected value s text do       mySelectBox option   filter   selected   text      Check out  http   api jquery com selected-selector    Next time look for duplicate SO questions   Get current selected option or Set selected option or How to get   this  selected option in jQuery  or option selected true  doesn  39 t work

[jquery] How to check if an option is selected?

Examples related to jquery

Examples related to select

Examples related to option