將選定的下拉值顯示到另一個表

Question

我在每個td中都有html表格，我下拉菜單如下圖所示

如果我在第二個td的下拉列表中選擇1201，我也想將ID的值更改為具有相同ID的其他下拉列表，如果ID不匹配，則不會更改

<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>