Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery制作多级级联dropdownlist?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用jquery制作多级级联dropdownlist?

Javascript 如何使用jquery制作多级级联dropdownlist?,javascript,jquery,html,Javascript,Jquery,Html,我不熟悉jquery。但是我正在尝试使用jquery或javascript搜索级联多级dropdownlist。但是我找不到它。请帮我找到这个。 提前感谢,这里是本教程的链接,您可以按照此链接自己创建一个教程,也可以直接下载 如果您也在使用,那么您可以利用其 $('#s1')。选择功能表({ 宽度:250, 更改:功能(事件、元素){ if($('#s1').val()!=未定义){ $('#s2').html(''); var options=$.get();//填充选项 对于(var选择

我不熟悉jquery。但是我正在尝试使用jquery或javascript搜索级联多级dropdownlist。但是我找不到它。请帮我找到这个。
提前感谢,

这里是本教程的链接,您可以按照此链接自己创建一个教程,也可以直接下载

如果您也在使用,那么您可以利用其



$('#s1')。选择功能表({ 宽度:250, 更改:功能(事件、元素){ if($('#s1').val()!=未定义){ $('#s2').html(''); var options=$.get();//填充选项 对于(var选择加入选项) { $target.append($(''){ 值:opt }).文本(选项[opt]); } $('#s2')。选择菜单(“刷新”)。选择菜单(“启用”); }否则{ $('#s2').val('').selectmenu('disable'); } } });
你能把你尝试过的东西也写进去吗?谷歌->尝试一个解决方案->IIF(Fail==true)?所以:“成功!”首先尝试你喜欢的任何概念,如果你遇到困难,我们会提供可能的解决方案。
<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>