語義UI：如何取消在多選下拉列表中添加標籤

Question

我必須檢查正在選擇的值，並且在某些情況下不允許添加。我試過這個，但在添加接縫之前實際添加：

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

任何想法？謝謝。

Answer 1

我遇到了與您所描述的相同的問題。相反，您可以覆蓋選擇操作來評估您的特殊情況，並確定在添加到UI之前允許哪些選項。

瞭解更多：Specifying select action

例子：

$(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>