下拉清除选项语义-ui

Question

我在语义 ui 中尝试实现 2 个下拉菜单时遇到了问题。

我想要发生的是，当我更改第一个下拉列表中的选定项目时，第二个下拉列表将自动从其先前的选择中清除（这是对第二个下拉列表的内容实施自动更改的第一步）。

我在 JS bin 中创建了一个更简单的版本，其中包含 2 个下拉菜单和一个清除按钮：here。

编码：

var $one = $('#one'),
    $two = $('#two');

$two.dropdown();
$one.dropdown({
    onChange :function(val) {
        $two.dropdown('clear');
    }
});

$('.button').on('click', function() {
    $('#two').dropdown('clear');  
});

在这里我遇到了多个问题：

我遇到的第一个问题是清除按钮不会清除两个下拉列表，除非两个下拉列表都只被初始化并且没有在初始化中添加其他设置（即 $(".ui.dropdown").dropdown()）。

第二个问题是，在提供的代码中，只有当清除按钮的选择器为 $(".ui.dropdown) ，如果我使用 $("#one")/$("#two") 按钮将不会清除下拉列表。

第三个问题是，当第一个下拉列表发生变化时，第二个下拉列表没有被清除，这是我的最终目标。

任何想法或建议将不胜感激。

Answer 1

$(document).ready(function () {
            $("#super_type").dropdown({
                onChange: function (val) {
                    $('#subtype_list').dropdown('clear');
     });
});

Answer 2

参见http://www.semantic-ui.cn/modules/dropdown.html#/settings

$('select.dropdown').dropdown({placeholder:''});