Question

我有一个显示主要位置的kendo下拉列表。当我点击重置时，我希望下拉列表设置为此主要位置作为默认位置。

我正在使用它：

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

它在内部更改了值，但显示文字没有改变。

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

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

Answer 1

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

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

Answer 2

对于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");

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

2 个答案: