2

私は Kendo UI を使用しています - 選択ボックスの置換に MultiSelect ドロップダウン...

リンクのOnClick、選択した値を表示するにはどうすればよいですか? 表示したら、KendoSelectの値--- 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

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

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

});
4

2 に答える 2

3

class: で jquery セレクターを使用しないでください。$(".mySelectBox").data("kendoMultiSelect")剣道はそのクラスを<div>その wrapにも適用するため<select>です。id代わりに属性を使用してください:

<select id="mySelectBox"...

およびJavaScript：

$(document).ready(function() {
  $("#mySelectBox").kendoMultiSelect({
    placeholder: "--- Select ---",
  });
  $("#showSelectedValues").click(function(){
    var multiselect = $("#mySelectBox").data("kendoMultiSelect");
    $("h5 span").html(multiselect.value().join());
    multiselect.value([]);
  });
});
于 2016-01-04T16:29:47.667 に答える
3

うまくいけば、これはあなたが探しているものです：

ドロップダウン値を選択し、後でリセットします

私はあなたのためにあなたのJavaScriptを微調整しました：

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

    selVals.value(null);

  });

次に、値をコード ブロックにラップするだけです。しかし、好きなように見せることはできます。

于 2016-01-04T16:31:13.057 に答える