title: Accessing child element property through parent element property with DOM
body: <p>I'm trying to show a child element property from 'select' tag and I using <code>document.getElementsByTagName</code> command to do that, the display that I expect is 'john dalton' look source bellow!, but browser not display as I expect just undefined message in alert. my source like this:</p>
  
  <pre><code>&lt;select  style=""  name="provinsi_id" class="form-control crud-edit 
    lookup-refresh" onchange="showoption();"&gt;
  &lt;option&gt;john dalton&lt;/option&gt;
  &lt;option&gt;john rambo&lt;/option&gt;
  &lt;script&gt;
  alert(document.getElementsByTagName('select')[0].childNodes[0].value);
  &lt;script&gt;
  </code></pre>