Jquery 剑道UI（多选）-单击“显示选定值”并清除值

我正在使用剑道用户界面-多选下拉选择框替换

单击链接后，如何显示所选值？显示后，我必须清除KendoSelect to default placeholder中的值（

——Select---

）

HTML

<select class="mySelectBox" data-placeholder="--- Select ---" multiple="multiple">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
  <option>Option 5</option>
</select>

<div><a href="#" id="showSelectedValues">Show Selected Values</a></div>

<h5>Values are: <span></span></h5>

---

不要按类使用jquery选择器：

$（“.mySelectBox”）.data（“kendoMultiSelect”）

，因为kendo也将该类应用于包装

的

。 改用

id

属性：

<select id="mySelectBox"...

---

希望这就是您要寻找的：

我已经为您稍微调整了javascript，以：

 $("#showSelectedValues").click(function(){
    var selVals = $("select.mySelectBox").data("kendoMultiSelect");
    $("h5 span").html('<code>' + selVals.value($("#value").val()) + '</code>');

    selVals.value(null);

  });

然后，我简单地将这些值包装在一个代码块中。但你可以告诉他们你想要什么

@David Shorthose。。谢谢按预期工作。。。保持良好状态Work@GeneR谢谢你的提示

$(document).ready(function() {
  $("#mySelectBox").kendoMultiSelect({
    placeholder: "--- Select ---",
  });
  $("#showSelectedValues").click(function(){
    var multiselect = $("#mySelectBox").data("kendoMultiSelect");
    $("h5 span").html(multiselect.value().join());
    multiselect.value([]);
  });
});

 $("#showSelectedValues").click(function(){
    var selVals = $("select.mySelectBox").data("kendoMultiSelect");
    $("h5 span").html('<code>' + selVals.value($("#value").val()) + '</code>');

    selVals.value(null);

  });