使用html页面上的javascript动态添加剑道下拉列表

Question

我正在尝试为个人网站复制Google表单。我遇到的问题是在用户添加另一部分时动态创建控件。

我无法创建javascript剑道下拉列表，请有人可以帮助我。

我的代码：

var IndexController = {

options: {
    count: 0
},

init: function () {
    var me = IndexController;
    me.bindEvents();

},

bindEvents: function () {
    var me = IndexController;
    var data = [
        { text: "Black", value: "1" },
        { text: "Orange", value: "2" },
        { text: "Grey", value: "3" }
    ];
    me.options.count = 0;
    //$("#Text").click(IndexController.AddText);
    //$('*[data-target="#addField"]').click(IndexController.AddActive);
},

AddNewSection: function () {
    var me = IndexController;
    $("#addNew").before('<div id="addNew" class="AddNew center">\
        <h4><label>Type</label></h4>\
        <input id="'+ me.options.count+'" value="1" style="width: 100%;" />\
    </div>');
    me.CreateDropDown(me.options.count);
    count++;
},

CreateDropDown: function (id) {
    var me = IndexController;
    ("#"+id+"").kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: me.bindEvents.data,
        index: 0,
        change: me.onChange()
    });
},

onChange: function () {

}
};

它添加div但不加载kendo下拉菜单。我收到此错误： 输出：

Kendo与MVC一起在网站的其他部分工作。这些脚本都捆绑在一起。

提前谢谢

Answer 1

似乎您忘了在第37行输入$。

$("#type").kendoDropDownList({})

如果错误显示“不是函数”，则意味着您键入的函数名称不正确，或者您没有访问正确的元素。

在这种情况下，您尝试访问“ #type”字符串的kendoDropDownList函数。