如何制作动态下拉菜单？ [关闭]

【问题标题】：How do you make dynamic dropdown menus? [closed]如何制作动态下拉菜单？ [关闭]
【发布时间】：2013-06-04 21:16:11
【问题描述】：

我正在尝试复制http://www.getarealdegree.com/ 的下拉菜单。

我想要第一个下拉菜单来确定下一个菜单中的内容等等。

我不是 javaScript 专家，因此被卡住了。

我所有的代码都写在：

 $('#sel1').change(function ()
 {  

 }

【问题讨论】：

很好，您创建了一个 jsfiddle，但您的代码的重要部分也应该在这里。说到您的问题，您所做的是第一部分，但现在您必须为更改事件的下拉菜单创建选项。
首先进行研究，这不是为您编写代码的一站式服务。投反对票。

标签： javascript html drop-down-menu

【解决方案1】：

我在这里做了一个动态改变下拉菜单选择值的例子。

 <script type='text/javascript'>
    window.onload = function() { BindEvent(); }

    function BindEvent()
    {
        var elemToBind = document.getElementById ( "cmb1" );
        elemToBind.onchange = function () { SetSel ( this ); }
    }
    function SetSel(elem)
    {
        var secondCombo = document.getElementById ( "cmb2" );
        secondCombo.value = elem.value;   
    }
</script>
<body>
    <select id="cmb1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <select id="cmb2">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</body>

这里是示例的链接：

http://jsfiddle.net/yS5rQ/

希望对你有帮助。

【讨论】：

我建议使用 onBlur 与 onChange 以获得更好的可访问性