如何使用jquery制作多级级联下拉列表?

时间:2014-09-24 13:17:24

标签: javascript jquery html

我刚接触到jquery.But我试图使用jquery或javascript搜索级联多级下拉列表。但我无法找到它。请帮我找到这个。 提前谢谢,

2 个答案:

答案 0 :(得分:0)

以下是教程的链接,您可以在其中自行创建或下载它 http://www.sanwebe.com/2013/06/multi-level-dropdown-menu-css

答案 1 :(得分:0)

如果您还在使用jQuery-UI,则可以使用其selectmenu widget

<select id="s1" name="s1"></select><br/>
<select id="s2" name="s2"></select><br/>
<script type="text/javascript">
    $('#s1').selectmenu({
        width: 250,
        change: function( event, element ) {
            if ($('#s1').val() != undefined) {
                $('#s2').html('');
                var options = $.get(); // populate options
                for(var opt in options)
                {
                    $target.append($('<option>', {
                        value: opt
                    }).text(options[opt]));
                }
                $('#s2').selectmenu('refresh').selectmenu('enable');
            } else {
                $('#s2').val('').selectmenu('disable');
            }
        }
    });
</script>