gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 23:02:31 28 4
gpt4 key购买 nike

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

代码:

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

动图:

gif

提前致谢

最佳答案

使用选择事件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();
}
});

关于javascript - 使用键盘存储以前的剑道下拉列表选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55399326/

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