html中有多个选择框，任意选择其中一个，则其他选择框里面的值相对应的改变

联动？要用javascript控制

用jquery吧，响应onchange

用javascript控制写个方法，，，给选择框设置一个onchange事件，，，就能触发js方法，，方法中写上你需要干的事情即可

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function change() {
            //获取选择的国家
            var select_value = document.getElementsByName("country")[0].value;
            //获取两个主人公，选择器
            var select1 = document.getElementsByName("main")[0];
            var select2 = document.getElementsByName("main")[1];
            //获取所有选择，
            var all_options = select1.options;
            for (i = 0; i < all_options.length; i++)
                if (all_options[i].id == select_value) {  // 根据option标签的ID来进行判断  测试的代码这里是两个等号
                    all_options[i].selected = true;
                    break;
                }
            all_options = select2.options;
            for (i = 0; i < all_options.length; i++)
                if (all_options[i].id == (select_value + select_value + "")) {//select_value + select_value + ""将获取的id作为字符串进行比较
                    all_options[i].selected = true;
                    break;
                }
        }
    </script>
</head>
<body>

<select name="main">
    <option id="1">曹操</option>
    <option id="2">刘备</option>
    <option id="3">孙权</option>
</select>
<select name="main">
    <option id="11">曹丕</option>
    <option id="22">张飞</option>
    <option id="33">黄盖</option>
</select>
<select name="country" onchange="change()">
    <option id="7" value="1">魏</option>
    <option id="8" value="2">蜀</option>
    <option id="9" value="3">吴</option>
</select>
</body>
</html>

编了个小例子，，对你有帮助，，，请采纳，，

使用jQuery，
$(function(){
//选择框改变响应事件
$("select").change(function(){
$("select").val(this.val());//赋值
}
)
}
)

楼主，你这个是要做计算的，比如当select1的value为1的时候，select2的值就得是一，
按这样的话，你可能要考虑下他们各个selector之间的值得关系，建议百度下三级联动，希望能帮到你