Selected Dropdown Box values needs to get selected in multiple dropdown boxes

Question

I have 12 boxes, when I click each of the boxes, it pops out the modal dialog, Each of the modal dialog contains same dropdown box (same class name, same id, same name)for Eg. Country Dropdown selection.

When I choose the USA in the first box pop out drop down box, the selected value USA needs to get selected in the remaining 11 boxes pop out drop down box.

I am using HTML, javascript, jQuery and PHP.

Please kindly help some one using the above language or script to achieve this.

Thanks in advance.

Answer 1

apply same class to all select boxes then do

 $(document).ready(function(){

 $('.west-yorkshire').change(function(){

      var value = $(this).val();
     $('.west-yorkshire').each(function(){
       $(this).val(value);
     });
 });
 });