jquery - KendoUI - 清除 MultiSelectDropdown onClick of button

Question

如果单击按钮/链接，如何清除所有 MultiSelectDropdown 值。

HTML

<div id="container">
  <select multiple="multiple">
    <option>lorem ipsum</option>
    <option>lorem ipsum</option>
    <option>lorem ipsum</option>
  </select>
</div>

<a href="#" id="clear">Clear</a>

脚本

$(document).ready(function() {
  $("select").kendoMultiSelect();   
});

$( document ).on( "click", "#clear", function(){
    $("select option").val("");
});

演示

Answer 1

如果要清除选定的值：

$(document).on( "click", "#clear", function(){
    $("select").data('kendoMultiSelect').value([]);
});

如果要清除多选值：

$(document).on( "click", "#clear", function(){
    $("select").data('kendoMultiSelect').dataSource.data([]);
});