title: How to get selected value in combo box?
body: <p>If I have a form like <a href="http://jsfiddle.net/littlesandra88/Fkwa3/" rel="nofollow">this</a>.</p>
  
  <pre><code>&lt;form name="myform" action="" method="POST"&gt;
  &lt;select name="mydropdown"&gt;
  &lt;option value="A"&gt;AAA&lt;/option&gt;
  &lt;option value="B"&gt;BBB&lt;/option&gt;
  &lt;option value="C"&gt;CCC&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>For radio buttons I would do</p>
  
  <pre><code>var type = $(this).find('input:radio[name="ctype"]:checked').val() || '';
  </code></pre>
  
  <p>but this can't I get to work on combo boxes.</p>
  
  <p>How can I get the value of the selected option in a combo box?</p>
  
  <p><strong>Update</strong></p>
  
  <p>It is called on a webpage with many forms, so I need the selected value from <code>this</code> particular combo box.</p>
  
  <p>Here is how I get the values from text boxes and radio buttons.</p>
  
  <pre><code>$('form').live('submit', function(){
  
     var title = this.elements.title.value;
     var type  = $(this).find('input:radio[name="ctype"]:checked').val() || '';
     var sect  = ?
  
     ...
  </code></pre>