JS 在、select 中选择一条记录其他的选择项跟着变动

JS 在、select 中选择一条记录其他的选择项跟着变动

解决方案 »

  1.   

    <html>
        <head>
            <title></title>
            <script>
                function openBg()
                {
                    var a = document.getElementById("SelectName").value;
                    if(a == 1)
                    {
                        document.getElementById("c00").style.display="block";
                        document.getElementById("c01").style.display="none";
                    }
                    if(a == 2)
                    {
                        document.getElementById("c00").style.display="none";
                        document.getElementById("c01").style.display="block";
                    }
                }
                function onload()
                {
                    document.getElementById("c00").style.display="none";
                    document.getElementById("c01").style.display="none";
                }
            </script>
        </head>
        <body onload="onload()">
            <select name="SelectName" onchange="openBg()" style="margin-bottom: 30px;">
                <option value="">
                    请选择
                </option>
                <option value="1">
                    1
                </option>
                <option value="2">
                    2
                </option>
            </select>
            <div id="c00">
                <!-- 读取数据库中的数据 -->
                <input type="radio" name="" value="北京" />
                北京
                <input type="radio" name="" value="福建" />
                福建
            </div>
            <div id="c01">
                <!-- 读取数据库中的数据 -->
                <input type="radio" name="" value="上海" />
                上海
                <input type="radio" name="" value="江苏" />
                江苏
            </div>
        </body>
    </html>