如何通过单击标签来切换语义ui多项选择下拉列表中的项目?

时间:2016-01-25 14:45:32

标签: semantic-ui multipleselection

我尝试使用语义ui的多选下拉列表。 我想通过点击'标签'删除所选项目。对标签进行了分类,而不是"删除图标"分类我标记。 有没有办法做到这一点?

<?php
    $parts = [
        ...
    ];
?>
<div class="ui segment field">
    <label>subparts</label>
    <select name="gsp[]" class="ui dropdown fluid" multiple="">
        <option value="">select</option>
<?php foreach($parts as $v){ ?>
        <option value="<?php echo $v?>"><?php echo $v?></option>
<?php } ?>
    </select>
</div>

1 个答案:

答案 0 :(得分:0)

使用onLabelSelect

$('.ui.multiple.dropdown').dropdown({
    onLabelSelect: function (label) {
        var $label = $(label);

        $label.parent('.ui.multiple.dropdown')
            .dropdown('remove selected', $label.data('value'));
    } 
})