Kendo UI (multiSelect) - OnClick show selected values and clear the values
<p>I am using Kendo UI - MultiSelect Dropdown for selectbox replace...</p>

<p>OnClick of link, how can I show <strong>selected values</strong>? Once I show it, I have to <strong>clear the values</strong> in KendoSelect to default placeholder (<code>--- Select ---</code>)....</p>

<blockquote>
  <p><strong><a href="http://dojo.telerik.com/ecARa/2" rel="nofollow">Online Demo</a></strong></p>
</blockquote>

<p><strong>HTML</strong></p>

<pre><code>&lt;select class="mySelectBox" data-placeholder="--- Select ---" multiple="multiple"&gt;
  &lt;option&gt;Option 1&lt;/option&gt;
  &lt;option&gt;Option 2&lt;/option&gt;
  &lt;option&gt;Option 3&lt;/option&gt;
  &lt;option&gt;Option 4&lt;/option&gt;
  &lt;option&gt;Option 5&lt;/option&gt;
&lt;/select&gt;

&lt;div&gt;&lt;a href="#" id="showSelectedValues"&gt;Show Selected Values&lt;/a&gt;&lt;/div&gt;

&lt;h5&gt;Values are: &lt;span&gt;&lt;/span&gt;&lt;/h5&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>$(document).ready(function() {
  $(".mySelectBox").kendoMultiSelect({
    placeholder: "--- Select ---",
  });

  $("#showSelectedValues").click(function(){
    var selVals = $(".mySelectBox").data("kendoMultiSelect").value([]);
    $("h5 span").html(selVals);
  });

});
</code></pre>