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”）;

从here上获得了它

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

2 个答案: