title: JS/Jquery: how to check whether dropdown has selected values?
body: <p>I've googled and tried a number of ways to do this but none work for me so far. What I am looking for is quite simple: I want to be able to tell whether a dropdown has a selected value or not. The problem is that selectedIndex, :selected, val(), etc. do return results for the following case:</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="123"&gt;123&lt;/option&gt;
  &lt;option value="234"&gt;234&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Obviously the browser will display this dropdown with the 123 option being selected but it will be selected only because there are no other options, in reality this dropdown doesn't have a selected value because there is no "selected" property. So basically I am trying to find how to tell apart the above dropdown from this one</p>
  
  <pre><code>&lt;select&gt;
  &lt;option selected value="123"&gt;123&lt;/option&gt;
  &lt;option value="234"&gt;234&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>