Question

<select>二级联动问题，数据是定好的，不知道怎么实现

第一个<select>有A / B两个<option> ；
A下没有子option;
B下有3个子option(C/D/E);
子option(C/D/E)下又分别有子option(F/G) ；
我想实现：选A时，只有一个<select>框，选B的时候，3个<select>都显示出来；

Answer 1

<select id="sel1">
    <option value="A">A</option>
    <option value="B">B</option>
</select>
<select id="sel2" style="display:none">
    <option value="C">C</option>
    <option value="D">D</option>
    <option value="E">E</option>
</select>
<script>
    obj1 = document.getElementById("sel1");
    obj2 = document.getElementById("sel2");
    obj1.onchange = function()
    {
        if(obj1.value == "A")
        {
            obj2.style.display="none";
        }
        else if(obj1.value == "B")
        {
            obj2.style.display="block";
        }
    }
</scirpt>    
希望有用啦~