показать выбранный выпадающий значения в другой таблице

Question

Я Есть HTML таблицу внутри каждого тд у меня есть выпадающий список смотрите ниже изображение, как она выглядит

если я выбрать 1201 в раскрывающемся списке второго тд также я хочу, чтобы изменить значение для другого выпадающего меню с тем же идентификатором, если идентификатор не соответствует не изменится

<td style="width:141px" id="CPH_GridView1_route'.$rows['net_id'].'" > 
    <select name="mySelect" id="mySelect" class="edit1 route '.$rows["net_id"].'" > 
      <option value="-1">Choose..</option>'; 
      <option value="-1">1201</option>'; 
      <option value="-1">1101</option>'; 
    </select> 
</td> 

Аякс

<script> 
    $(document).ready(function(){ 
     $('.edit1').on('change', function(){ 
      $.ajax({ type: "POST", 
       url:"xxxxx/routestatusupdate.php", 
       data:"value="+$(this).val()+"&rowid="+arr[2]+"&field="+arr[1]+"&clientid="+clientid+"&account_id="+account_id, 
       success: function(res){ 
        data = jQuery.parseJSON(res); //added line 
        alert('Saved Successfully!'); 
        $('#CPH_GridView1_route').empty(); 
        $('#CPH_GridView1_route').append(data.routeupdate); 
        $('.ajax').html($(this).val()); 
        $('.ajax').removeClass('ajax'); 
       } 
      }); 
     }); 
    });   
</script> 

Answer 1

<select name="mySelect" id="mySelect" class="edit1 route '.$rows["net_id"].'" onChange="foo()"> 
     <option value="-1">Choose..</option>'; 
     <option value="-1">1201</option>'; 
     <option value="-1">1101</option>'; 
</select> 

<select name="second" id="mySelect" > 
     <option value="-1">Choose..</option>'; 
     <option value="-1">1</option>'; 
     <option value="-1">2</option>'; 
</select> 


<script> 
function foo(){ 
alert("cahnge"); 
document.getElementById("div1').innerHTML="<select name="second" id="mySelect" > 
     <option value="-1">Choose..</option>'; 
     <option value="-1">1</option>'; 
     <option value="-1">2</option>'; 
</select>"; 

} 
</script>