Question

这是我到目前为止所做的：http://jsfiddle.net/vKJ9G/5/

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

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

我不是javaScript专家而且卡住了。

我已将所有代码写入：

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

 }

Answer 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/

希望它有所帮助。

你如何制作动态下拉菜单？

1 个答案: