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

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

我无法创建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 () {

}
};

var索引控制器={
选项：{
计数：0
},
init：函数（）{
var me=索引控制器；
me.bindEvents（）；
},
bindEvents:函数（）{
var me=索引控制器；
风险值数据=[
{文本：“黑色”，值：“1”}，
{文本：“橙色”，值：“2”}，
{文本：“灰色”，值：“3”}
];
me.options.count=0；
//$（“#文本”）。单击（IndexController.AddText）；
//$（'*[data target=“#addField”]”）。单击（IndexController.AddActive）；
},
AddNewSection:函数（）{
var me=索引控制器；
$（“#添加新”）。在（'\
类型\
\
');
me.CreateDropDown（me.options.count）；
计数++；
},
CreateDropDown:函数（id）{
var me=索引控制器；
（#“+id+”）.kendoDropDownList({
dataTextField:“文本”，
dataValueField:“值”，
数据源：me.bindEvents.data，
索引：0，
更改：me.onChange（）
});
},
onChange:function（）{
}
};

它添加div，但不加载剑道下拉列表。我得到这个错误： 输出：

剑道在网站的其他部分与MVC合作。脚本都是捆绑的

---

提前谢谢你

你好像忘了在第37行输入$

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

当错误显示“不是函数”时，这意味着要么键入了错误的函数名，要么访问的元素不正确

---

在本例中，您试图访问“#type”字符串的kendoDropDownList函数。

您在开玩笑吧！？非常感谢。