Question

I am using chosen() to implement my drop down box.

In my home page, I set the drop down box as with the following code

//Code in home template
.bookmark_questions
  %select
    %option{value: "xxxx"} xxxxxx
    %option{value: "xxxx"} xxxxxx
    %option{value: "xxxx"} xxxxxx
    %option{value: "xxxx"} xxxxxx

//Code in home view
render: ->
  $(@el).html @template()
  @$('select').chosen()
  @

In my home view, I try to activate chosen by “@$('select').chosen()“, however when I try to run the code, I get the following error

this.search_field[0] is undefined

What is the right way to activate chosen for my case?

Answer 1

I know this is quite old, but I just had almost the same issue and what fixed the issue was waiting to call the plugin until after the select‘s were attached to the DOM.