javascript - Kendo Multiselect 从列表中删除所选项目

Question

我正在使用 kendo 在 javascript 中创建一个项目。我想从剑道下拉列表中删除所选项目。

这是代码:

<div id="example" role="application">
    <select id="required" multiple="multiple" data-placeholder="Select attendees...">
        <option>Steven White</option>
        <option>Nancy King</option>
        <option>Nancy Davolio</option>
        <option>Robert Davolio</option>
        <option>Michael Leverling</option>
        <option>Andrew Callahan</option>
        <option>Michael Suyama</option>
        <option>Anne King</option>
        <option>Laura Peacock</option>
        <option>Robert Fuller</option>
        <option>Janet White</option>
        <option>Nancy Leverling</option>
        <option>Robert Buchanan</option>
        <option>Margaret Buchanan</option>
        <option>Andrew Fuller</option>
        <option>Anne Davolio</option>
        <option>Andrew Suyama</option>
        <option>Nige Buchanan</option>
        <option>Laura Fuller</option>
    </select>
<script>
    $(document).ready(function() {
        // create MultiSelect from select HTML element
        var required = $("#required").kendoMultiSelect({
          //autoClose: false
        }).data("kendoMultiSelect");
    });
</script>

我就是这样

http://dojo.telerik.com/iZuhOS/2

但我想要这个

http://dojo.telerik.com/iPOlapaB

Answer 1

您可以使用 css 隐藏所选选项。试试这个:

.k-state-selected {
  display: none;
}

Demo