jquery - select two different color value with in four select box and give same option rest of two select option -

<select name="form_textcolor1">     <option value="">select color</option>     <option value="red">red</option>     <option value="pink">pink</option>     <option value="yellow">yellow</option>     <option value="orange">orange</option> </select> <select name="form_textcolor2">     <option value="">select color</option>     <option value="red">red</option>     <option value="pink">pink</option>     <option value="yellow">yellow</option>     <option value="orange">orange</option> </select> <select name="form_textcolor3">     <option value="">select color</option>     <option value="red">red</option>     <option value="pink">pink</option>     <option value="yellow">yellow</option>     <option value="orange">orange</option> </select> <select name="form_textcolor4">     <option value="">select color</option>     <option value="red">red</option>     <option value="pink">pink</option>     <option value="yellow">yellow</option>     <option value="orange">orange</option> </select> 

i have 4 select box , want choose 2 diffrent color value in 4 select box , after give same color value option rest of 2 select box.

i mean in first select box choose red , second pink after give option 3rd , 4th select box red , pink.

i m not getting how jquery

try (example red):

$('option').css( 'color', function() {     var color = '#000000';     switch ( $(this).attr('value') ) {          case ('red'): {             color = '#ff0000';             break;         }          ...          default: {             break;         }     }      return color; })