语义UI：如何在多选下拉菜单中取消添加标签

Question

在某些情况下，我必须检查所选的值，不允许添加。 我尝试了这个，但是在实际添加之前onAdd接缝要触发：

$dependenciesDropdown.dropdown({
    onAdd: function(addedValue, addedText, $addedChoice){
        if(<some special case>){
            $dependenciesDropdown.dropdown('remove selected', addedValue);
        }
    }
});

有任何想法吗？ 谢谢。

Answer 1

我遇到了与您描述的相同的问题。 相反，您可以覆盖select操作以评估您的特殊情况，并确定允许哪些选项，然后再将它们添加到UI。

阅读更多： 指定选择动作

例：

 $(function() { $('select').dropdown({ action: function(text, value) { if (value != '3') { $('select').dropdown('set selected', value); } } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" /> <select multiple="" class="ui dropdown"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three (disabled)</option> <option value="4">Four</option> <option value="5">Five</option> </select>