请问如何实现动态显示下拉框呢？

Question

http://www.csdn.net/expert/topic/1046/1046706.xml?temp=.4427606

Answer 1

一下是我转的别人的贴子
但我想知道有没有
给你个例子，改改数据就可以了两个select都能从数据库读信息的？？？？
或者谁能告诉我第二个select怎样从数据库中读数据？？我js不太懂！！
谢谢<select id=oSel1 onchange=Chg()>
<option> CPU
<option> 硬盘
<option> 主板
</select>
<select id=oSel2>
</select><script>//二维数据表格（二维数组）
var Table2dim = new Array(
    new Array("Intel PIII", "AMD Athlon", "Intel Celoron"),
    new Array("IBM", "Westwood", "Quantum"),
    new Array("Asus", "Gigabyte"),
    null
);//Chg() 和 ChgOptions(i) 都是通用的，只要修改上面的 oSel1 的选项和 Table2dim 的内容即可
function Chg()
{
    ChgOptions(document.all.oSel1.selectedIndex);
}
function ChgOptions(iSel1)
{
    if ( 0 <= iSel1 && iSel1 < Table2dim.length )
    {
        var oSel2 = document.all.oSel2, i;        //删除所有旧选项（不知道有没有不用循环的删除办法）
        for ( i = oSel2.options.length; -- i >= 0; )
            oSel2.options.remove(i);        //创建新关联选项
        var Table1dim = Table2dim[iSel1];
        for ( i = 0; i < Table1dim.length; i ++ )
        {
            var o = document.createElement('<option>');
            o.text = Table1dim[i];
            oSel2.options.add(o);
        }
    }
}//初始化
ChgOptions(0);
</script>

Answer 2

上一贴写错了，修改如下
我想知道有没有
两个select都能从数据库读信息的？？？？
或者谁能告诉我第二个select怎样从数据库中读数据？？我js不太懂！！
谢谢一下是我转的别人的贴子
<select id=oSel1 onchange=Chg()>
<option> CPU
<option> 硬盘
<option> 主板
</select>
<select id=oSel2>
</select><script>//二维数据表格（二维数组）
var Table2dim = new Array(
    new Array("Intel PIII", "AMD Athlon", "Intel Celoron"),
    new Array("IBM", "Westwood", "Quantum"),
    new Array("Asus", "Gigabyte"),
    null
);//Chg() 和 ChgOptions(i) 都是通用的，只要修改上面的 oSel1 的选项和 Table2dim 的内容即可
function Chg()
{
    ChgOptions(document.all.oSel1.selectedIndex);
}
function ChgOptions(iSel1)
{
    if ( 0 <= iSel1 && iSel1 < Table2dim.length )
    {
        var oSel2 = document.all.oSel2, i;        //删除所有旧选项（不知道有没有不用循环的删除办法）
        for ( i = oSel2.options.length; -- i >= 0; )
            oSel2.options.remove(i);        //创建新关联选项
        var Table1dim = Table2dim[iSel1];
        for ( i = 0; i < Table1dim.length; i ++ )
        {
            var o = document.createElement('<option>');
            o.text = Table1dim[i];
            oSel2.options.add(o);
        }
    }
}//初始化
ChgOptions(0);
</script>

Answer 3

很感谢大家的热心帮助，我是想知道怎么样从mysql数据库里面读出数据实现以上功能。就是实现选择第一个下拉框的某一项菜单时，另一个下拉框就动态显示与第一个下拉框有联系的菜单。用mysql数据库实现，谢谢回复。