javascript - 使用键盘存储以前的剑道下拉列表选项

Question

我想在使用键盘导航时存储之前选择的选项。如果用户单击下拉菜单，我已经实现了这一点，但如果使用键盘导航，它不会存储该选项。

代码:

 CreateDropDown: function (id) {
    var me = IndexController;
    $("#Drop" + id + "").kendoDropDownList({
        name: "drop" + id,
        dataTextField: "text",
        dataValueField: "value",
        valueTemplate: '<i class="#:data.icon#">&nbsp;</i></span><span>#:data.text#</span>',
        template: '<i class="#:data.icon#">&nbsp;</i>' +
            '<span class="k-state-default"><p>#: data.text #</p></span>',
        dataSource: me.variable.options,
        index: 0,
        change: me.onChange,
        open: function (e) {
            me.options.previousOption = e.sender.value();
        }
    });
    me.AddShortText(id, "Short Answer");
}

我可以使用这个值:

AddShortText: function (a, ChoiceText) {
    var me = IndexController;
    if (me.options.previousOption == "2" || me.options.previousOption == "3")
        $("#TypeDiv" + a).children(".toRemove").remove();
    else
        $("#TypeDiv" + a).children(".group").remove();        
    $("#TypeDiv" + a).append('<div class="group" style="width:50%">\
                                <input id="Answer'+ a + '" type="text" class="inputHighlight" disabled >\
                                <span class="bar"></span>\
                                <label class="labelHighlight">'+ ChoiceText.trim() + '</label>\
                            </div>');
},

动图:

提前致谢

Answer 1

使用选择事件https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/events/select

选择功能可以通过按键或鼠标触发

$("#Drop").kendoDropDownList({
      // your code
      select: function(e) {
        me.options.previousOption = e.sender.value();
      }
});