gpt4 book ai didi

jquery - Kendo UI (multiSelect) - OnClick 显示选定的值并清除值

转载 作者:行者123 更新时间:2023-12-01 02:41:02 26 4
gpt4 key购买 nike

我正在使用 Kendo UI - MultiSelect Dropdown 进行选择框替换...

点击链接时,如何显示选定的值?显示后,我必须清除 KendoSelect 中的值为默认占位符 (--- Select ---)....

Online Demo

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);
});

});

最佳答案

希望这是您正在寻找的:

Select Dropdown Values and then reset afterwards

我已经为您稍微调整了您的 JavaScript:

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

selVals.value(null);

});

那么我只是为您将这些值包装在代码块中。但你可以向他们展示你想要的方式。

关于jquery - Kendo UI (multiSelect) - OnClick 显示选定的值并清除值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34594356/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com