title: select first drop down to be the same value as the other drop down
body: <p>I would like to select all drop down to be the same as the value selected from the primary dropdown.  I got it to work if there is one select selected from the primary dropdown, but will not work if there are two selects, I have added some code below for your information.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select name="ForceSelection" id="ForceSelection" onChange="javascript:return setDropDown();"&gt;
  &lt;option value="" selected&gt;Select Name&lt;/option&gt;
  &lt;option value="Pass"&gt;Pass&lt;/option&gt;
  &lt;option value="Fail"&gt;Fail&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="Qualifications" name="Qualifications"&gt;
      &lt;option value="select"&gt;select&lt;/option&gt;
      &lt;option value="Pass"&gt;Pass&lt;/option&gt;
      &lt;option value="Fail"&gt;Fail&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select  id="Qualifications" name="Qualifications"&gt;
      &lt;option value="select"&gt;select&lt;/option&gt;
      &lt;option value="Pass"&gt;Pass&lt;/option&gt;
      &lt;option value="Fail"&gt;Fail&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JavaScript:    </p>
  
  <pre><code>function setDropDown() {
      var index_name=document.QualificationForm.ForceSelection.selectedIndex;  
  
      document.QualificationForm.Qualifications.selectedIndex=index_name;
  
  }
  </code></pre>