下拉框问题

<select name="a" id="a1" onchange="">
<option selected="selected">请选择</option>
<option id="a11" value="第一个a">第一个a</option>
<option id="a12" value="第二个a">第二个a</option>
<option id="a13" value="第三个a">第三个a</option>
</select>
<select name="b" id="b1">
<option selected="selected">请选择</option>
<option id="b11" value="第一个b">第一个b</option>
<option id="b12" value="第二个b">第二个b</option>
<option id="b13" value="第三个b">第三个b</option>
</select>
<select name="c" id="c1">
<option selected="selected">请选择</option>
<option id="c11" value="第一个c">第一个c</option>
<option id="c12" value="第二个c">第二个c</option>
<option id="c13" value="第三个c">第三个c</option>
</select>这是三个下拉框。所有东西都有规律，子项目一样多，我想实现选择下拉框a，当a的值变化的时候，b，c的值也变化。规律变化，就是a12 为selected时候  b的 b12  c的 c12 也为selected。这样。我猪脑，没想到。望解答

解决方案 »

  1.   

    既然都有ID了, 就在onchange的时候同步select属性就行了.~
      

  2.   

    要同步位置（索引）都相同的吧
    var s1 = document.getElementById("a1");
    var s2 = document.getElementById("b1");
    var s3 = document.getElementById("c1");//s1的onchange事件
    function OnChange()
    {
       s3.selectedIndex = s2.selectedIndex = s1.selectedIndex;
    }
      

  3.   

    同楼上：
    <script>
    function setSelected(o){
        document.getElementById("b1").selectedIndex=o.selectedIndex;
        document.getElementById("c1").selectedIndex=o.selectedIndex;
    }
    </script>
    <select name="a" id="a1" onchange="setSelected(this);">
    <option selected="selected">请选择</option>
    <option id="a11" value="第一个a">第一个a</option>
    <option id="a12" value="第二个a">第二个a</option>
    <option id="a13" value="第三个a">第三个a</option>
    </select>
    <select name="b" id="b1">
    <option selected="selected">请选择</option>
    <option id="b11" value="第一个b">第一个b</option>
    <option id="b12" value="第二个b">第二个b</option>
    <option id="b13" value="第三个b">第三个b</option>
    </select>
    <select name="c" id="c1">
    <option selected="selected">请选择</option>
    <option id="c11" value="第一个c">第一个c</option>
    <option id="c12" value="第二个c">第二个c</option>
    <option id="c13" value="第三个c">第三个c</option>
    </select>
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>绑定函数</title>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){

    });
    function test(){
    for(var i = 1;i<4;i++){
    var temp_a = "#a1" +i;
    var temp_b = "#b1" +i;
    var temp_c = "#c1" +i;
    if($(temp_a).is(":selected")){
    $(temp_b).attr('selected',true);
    $(temp_c).attr('selected',true);
    }
    }
    }
    </script>
    </head><body>
    <select name="a" id="a1" onchange="test()">
        <option selected="selected">请选择</option>
            <option id="a11" value="第一个a">第一个a</option>
            <option id="a12" value="第二个a">第二个a</option>
            <option id="a13" value="第三个a">第三个a</option>
        </select>
    <select name="b" id="b1">
        <option selected="selected">请选择</option>
            <option id="b11" value="第一个b">第一个b</option>
            <option id="b12" value="第二个b">第二个b</option>
            <option id="b13" value="第三个b">第三个b</option>
        </select>
        <select name="c" id="c1">
        <option selected="selected">请选择</option>
        <option id="c11" value="第一个c">第一个c</option>
        <option id="c12" value="第二个c">第二个c</option>
        <option id="c13" value="第三个c">第三个c</option>
    </select></body>
    </html>
      

  5.   

    怎么可能没有效果，你没有引入jquery库肯定没有效果了