如何按值更改kendo下拉列表默认显示文本

Question

我有一个kendo dropdownlist，显示一个主位置。我希望下拉列表在我单击"重置"时将下拉列表设置为默认位置。

我正在使用：

$("#dropDownList").val(20);
$("#dropDownList").trigger("change");

它在内部更改值，但显示文本不会更改。

我尝试了以下选项，但似乎没有任何更改默认文本：

$('#dropDownList option[Value=20]').attr('selected', 'selected');
$('select#dropDownList').val('20');

Answer 1

对于kendoDropDownList控件，您需要执行以下操作：

                var data = [
                    { text: "Black", value: "1" },
                    { text: "Orange", value: "20" },
                    { text: "Grey", value: "3" }
                ];
                // create DropDownList from input HTML element
                $("#dropDownList").kendoDropDownList({
                    dataTextField: "text",
                    dataValueField: "value",
                    dataSource: data,
                    index: 0,
                    change: onChange
                });
                var dropDownList= $("#dropDownList").data("kendoDropDownList");
                dropDownList.select(function(dataItem) {
                    return dataItem.value === "20"; //20 is selected now
                });
                dropDownList.trigger("change");

Answer 2

您基本上想要这个然后将所选选项设置为所需的值。

$('#dropDownList').on('change', function(){
     $('#dropDownList option:selected').val('20');
});