title: accessing html select element which is inside table td
body: <p>I have the following html snippet</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;select name="day"&gt;
          &lt;/select&gt;&lt;/td&gt;
          &lt;td&gt;&lt;select name="time"&gt;
          &lt;/select&gt;&lt;/td&gt;
          &lt;td&gt;&lt;select name="closed" onchange="dosomething(this)"&gt;
          &lt;/select&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>When i change something on , then i would like to get a handle to  and do some operation on it. How do i get a handle to  in javascript?</p>
  
  <pre><code>function closedChanged(object)
  {
      try
      {
          var parent=object.parentNode.parentNode;
          var day = parent.getElementsByName("day")[0];
      }
      catch(e)
      {
          alert(e);
      }
  }
  </code></pre>
  
  <p>Here i am getting error saying that HTMLTableRowElement does not have method called getElementsByName. Any other way?</p>