How to check whether a select box is empty using JQuery Javascript

Question

I have a select box that is being populated dynamically from a database  As of right now the population of this check box is working flawlessly   I have added functionality that consists of a button which on click calls isSelextBoxEmpty  The job of this function is to know whether this particular check box has been populated or not  if it has not then it will simply do nothing   My problem is in determining whether this select box is empty or not   Here is a very simplified example of what I am dealing with    lt li gt       lt label for  fruit name  gt Fruit lt  label gt       lt select name  some fruit  id  fruit name  onclick  populate box  fruit   this    gt       lt  select gt   lt  li gt    My function  which is called from a separate button  looks like this   function isSelextBoxEmpty selectBoxId        var selected value       fruit name            More options    still testing the proper way      var selected value       fruit name   text      var selected value       fruit name   value      var selected value       fruit name   length      var selected value       fruit name option selected   this       var selected value   document getElementById  fruit name        var selected value   document getElementById  fruit name   length      var selected value   document getElementById  fruit name   value      var selected value   document getElementById  fruit name   innerHTML              if  selected value            alert  NOT null  value      selected value              do something           Don t worry about what this does and how it does it  Right now what matters to me is that I can t check whether or not the checkbox is empty  I am just not sure how to go about it  I have read a lot through forums and documentation but there are many implications in doing this since it depends on the implementation itself    For instance using document getElementById         will not necessarily return false and it depends on how you use it  Also using     someID      in jQuery may or may not produce the desired results  I have already tried many different times as you can see in the commented lines  all of which can be evaluated in the if      statement   Do you have any suggestions or ideas on how to go about achieving this  Thanks in advance

User · Accepted Answer

To check whether select box has any values   if      fruit name   has  option   length  gt  0       To check whether selected value is empty   if       fruit name   val

User · Answer

Another correct way to get selected value would be using this selector      option value  0   selected     Best for you

User · Answer

One correct way to get selected value would be  var selected value       fruit name   val     And then you should do  if selected value

[javascript] How to check whether a select box is empty using JQuery/Javascript

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to jquery-mobile

Examples related to jquery-selectbox