将 Chosen.js 应用于动态创建的下拉列表

Question

我在下拉列表中使用chosen.js插件时遇到了一些问题。这里有一些相关的问题，我已经解决了，但我的代码仍然没有运气。

我有 4 个动态创建和填充的select元素。

var dropdownArray = [];

function initDropdown() {

var id = "list";
var classy= "chzn-select";
var html = "";

for ( var idcount = 0; idcount < 4; idcount++) {
    var dropdownHTML = "<select class=\""+classy+"\" id=\"" + id
            + "\" onchange= selectfunc(this) >" +

            "<option selected=\"selected\">Make Selection... </option>" +

            "</select>";

    dropdownArray.push(id);
    html += dropdownHTML;
    id += "0";
}

$("#dropdowns").html(html);
$(".chzn-select").chosen();
};

我尝试使用这一行将Chosen.js应用到元素的类名chzn-select ：

$(".chzn-select").chosen();

但是我收到错误：

Uncaught TypeError: Object #<Object> has no method 'chosen' .

抱歉代码混乱，我是新手。

任何帮助将非常感激。

Answer 1

根据您的评论，您试图使用chosen.js创建一个带有 4 个选项的 SELECT。 查看JSFiddle 1以获得结果。

根据您的问题，您试图使用chosen.js动态创建 4 个 SELECT 。 查看JSFiddle 2 。 错误的原因是您没有指出正确的id ( dropHolder )。

Answer 2

试试这个 $("#list").trigger("chosen:updated");

从这里得到它