onchange - the dropdown selected using jquery
<p>i have a dropdown in the header and whatever the value is selected in the header should reflect the same in the detail dropdown, how should i do that? any leads?</p>

<pre><code>$("#myddl").change(function()
{ 
     //update all the dropdown list...  
});
</code></pre>

<p><a href="http://jsfiddle.net/abuhamzah/4QvfP/" rel="nofollow">http://jsfiddle.net/abuhamzah/4QvfP/</a></p>

<pre><code>  Header:
    &lt;br /&gt;
    &lt;select id="myddl" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
    &lt;p&gt;Detail&lt;/p&gt;
        &lt;br /&gt;
    &lt;select id="Select1" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
    &lt;br /&gt;
    &lt;select id="Select2" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
    &lt;br /&gt;
    &lt;select id="Select3" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
    &lt;br /&gt;
    &lt;select id="Select4" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
    &lt;br /&gt;
    &lt;select id="Select5" name="myddl"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Twooo&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
    &lt;/select&gt;
</code></pre>
