Changing the value of dynamically created dropdowns
<p>I have a list of drop-down elements dynamically created in my server side code.</p>

<pre><code>&lt;select id="color1"&gt;
&lt;option value="blue"&gt;blue&lt;/option&gt;
&lt;option value="red"&gt;red&lt;/option&gt;
&lt;option value="green"&gt;green&lt;/option&gt;
&lt;/select&gt;
&lt;select id="color2"&gt;
&lt;option value="white"&gt;white&lt;/option&gt;
&lt;option value="orange"&gt;orange&lt;/option&gt;
&lt;option value="green"&gt;green&lt;/option&gt;
&lt;/select&gt;
&lt;select id="color3"&gt;
&lt;option value="black"&gt;black&lt;/option&gt;
&lt;option value="pink"&gt;pink&lt;/option&gt;
&lt;option value="brown"&gt;brown&lt;/option&gt;
&lt;/select&gt;
&lt;select id="color4"&gt;
&lt;option value="yellow"&gt;yellow&lt;/option&gt;
&lt;option value="black"&gt;black&lt;/option&gt;
&lt;option value="green"&gt;green&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I would require to write code in jQuery to change the value of all the SELECT values on a button click based on the selection of one of the SELECT elements.</p>

<p>For Eg: If I select red in the first SELECT, all the SELECT element value should be changed to red. If the value is already present in the target SELECTs, we just need to select the value, otherwise we need to append it.</p>

<p>Is it possible to write it in jQuery?</p>
