Jquery&;动态创建KendoUI下拉列表

Jquery&;动态创建KendoUI下拉列表,jquery,kendo-ui,Jquery,Kendo Ui,我想使用Jquery动态创建剑道下拉列表。我需要在Jquery中创建所有内容。 我使用了下面的代码,但它只是创建输入文本框,而不是转换为DDl var kendoddl = $("<input id=color value=1 />"); $("#color").kendoDropDownList({ dataTextField: action.Name,

我想使用Jquery动态创建剑道下拉列表。我需要在Jquery中创建所有内容。 我使用了下面的代码,但它只是创建输入文本框,而不是转换为DDl

var kendoddl = $("<input id=color value=1 />");

                   $("#color").kendoDropDownList({
                       dataTextField: action.Name,
                       dataValueField: action.Name,
                       dataSource: action,
                       index: 0
                   });

                   $("#addconfigurations").append(kendoddl);
var kendoddl=$(“”);
$(“#颜色”).kendoDropDownList({
dataTextField:action.Name,
dataValueField:action.Name,
数据来源:行动,
索引:0
});
$(“#addconfigurations”).append(kendoddl);

重新排列您的代码。首先添加append,然后添加call kendoDropDownList

var kendoddl = $("<input id=color value=1 />");

$("#addconfigurations").append(kendoddl);

$("#color").kendoDropDownList({
      dataTextField: action.Name,
      dataValueField: action.Name,
      dataSource: action,
      index: 0
});
var kendoddl=$(“”);
$(“#addconfigurations”).append(kendoddl);
$(“#颜色”).kendoDropDownList({
dataTextField:action.Name,
dataValueField:action.Name,
数据来源:行动,
索引:0
});

谢谢,我正在尝试插入选项值,但不起作用。var kendoddl=$(“”)$(#addconfigurations”).append(kendoddl)$(#color”).kendoDropDownList({})$(#color”).data(“kendoDropDownList”).dataSource.add({text:“Five”,value:“5”});