title: Cancelling propagation of the onchange event of a select control
body: <p>I have a select control nested inside a table cell.  The Table row that contains the table cell has an onclick event.  When I click on the select control to change the value the onclick event of the row is fired. </p>
  
  <p>I've tried using the stoppropagation method on the onchange event but it doesn't seem to work.</p>
  
  <p>Below is my code</p>
  
  <pre><code>xxxxxxx.Helper.DDGoto = function (o, e) {
      e.stopPropagation();
      var path = $(o).val();
  
      if (path != null) {
          this.Goto(path);
      }
  }
  
  
  
     &lt;tr onclick="somemethod()"&gt;
       &lt;td&gt;some text&lt;/td&gt;
       &lt;td&gt;
        &lt;select onchange="xxxxxxx.Helper.DDGoto(this, event)"&gt;some options&lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>