title: Dropdown with TH onclick firing TH click, NOT dropdown
body: <p>I'm trying to have a table with sortable rows - but also one of these rows needs a dropdown in it.</p>
  
  <p>The issue is, when clicking the dropdown - the click event for the table header is firing causing things to happen that shouldn't.</p>
  
  <p>I found this : </p>
  
  <p><a href="http://www.velocityreviews.com/forums/t367867-table-row-background-onclick.html" rel="nofollow">http://www.velocityreviews.com/forums/t367867-table-row-background-onclick.html</a></p>
  
  <p>But I thought - there must be a more elegant solution?</p>
  
  <p>Any takers?</p>
  
  <p>Sorry - I forgot examples!</p>
  
  <pre><code>    &lt;th onclick="SortBy(event,'ctl00$mainContent$hiddenPBButton','descending','1')" class="tableDataHeader"&gt;
          &lt;select id="groupby1"` onchange="performPostBackfromDrop(event,this,'ctl00$mainContent$hiddenPBButton');"&gt;&lt;option value="Enquiry Type"&gt;Enquiry Type&lt;/option&gt;
             &lt;option value="Location"&gt;Location&lt;/option&gt;
             &lt;option value="Source"&gt;Source&lt;/option&gt;
             &lt;option selected="" value="User"&gt;User&lt;/option&gt;
          &lt;/select&gt;
  
      &lt;/th&gt;
  </code></pre>
  
  <p>JS</p>
  
  <p>As you can see - the JS is pretty generic - but I've included it for clarity</p>
  
  <pre><code>function SortBy(e, PBID,direction, field)
  {
      performPostBackfromSort(PBID,direction,field);
  }
  function performPostBackfromSort(PBID, direction, field)
  {
      __doPostBack(PBID, "sort"+"-"+direction+"-"+field);
  } 
  
  function performPostBackfromDrop(e,sender, PBID)
  {
    var value = getDropDownSelectedValue(sender);
    __doPostBack(PBID, $j(sender).attr('id')+"-"+value);
  } 
  </code></pre>