title: Javascript - How to make auto select another drop down
body: <ul>
  <li>Here have two list field menu. First
  <code>brand</code> second <code>item</code>  </li>
  <li>I want if we
  select <code>brand</code> <code>IBM</code> that <code>item</code> will
  select <code>IBM</code> too </li>
  <li>In other hand, if we
  select <code>brand</code> <code>HP</code> that <code>item</code> will
  select <code>HP</code> too</li>
  </ul>
  
  <p>How to do that in javascript.</p>
  
  <pre><code>&lt;select name="brand"&gt;
    &lt;option&gt;Please Select&lt;/option&gt;
    &lt;option&gt;IBM&lt;/option&gt;
    &lt;option&gt;HP&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select name="item"&gt;
    &lt;option&gt;Please Select&lt;/option&gt;
    &lt;option&gt;IBM&lt;/option&gt;
    &lt;option&gt;HP&lt;/option&gt;  
  &lt;/select&gt;
  </code></pre>