Как изменить отображаемый по умолчанию текст раскрывающегося списка кендо по значению?

Question

У меня есть выпадающий список кендо, который отображает основное местоположение. Я хочу, чтобы раскрывающийся список устанавливался в это основное местоположение в качестве местоположения по умолчанию, когда я нажимал на сброс

Я использую это:

$("#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');
});