select first drop down to be the same value as the other drop down
<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>
