Chosen.js를 동적으로 생성 된 드롭 다운에 적용

Question

내 드롭 다운에 chosen.js 플러그인을 사용하는 데 약간의 문제가 있습니다. 여기까지 몇 가지 관련 질문이 있지만 코드에는 문제가 없습니다.

동적으로 생성되어 채워지는 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(); 
}; 

나는 자신의 클래스 이름 chzn-select하여 요소에 Chosen.js를 적용하려면이 줄을 사용하는 것을 시도했다 :

나는 오류가 무엇입니까 그러나

$(".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).