-4

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

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

我想要第一个下拉菜单来确定下一个菜单中的内容，依此类推。

我不是 javaScript 专家并且被卡住了。

我已经写了我所有的代码：

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

 }
4

1 回答 1

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/

希望能帮助到你。

于 2013-06-04T13:16:11.633 回答