Chosen: Uncaught TypeError: Cannot set property 'selected' of undefined

[jonathanadler]

Hi,
I'm using jQuery v1.11.0 and Chosen v1.1.0, and in some particular situation I'm getting the error in the title.
It only happens when I choose an option and after that try to choose the last option (by clicking on it and by pressing enter).
I've also noticed that if I choose another option (other than the last option), the selected item I get (on the select element's value) is the one before what I've just chosen.

I'm using the most simple configuration, no multiselect or anything. I just use data-placeholder.

One last thing:
I'm using Angularjs, and its ng-options directive (along with an ng-model), which means I first wait for the DOM to be ready and only then I call the chosen function (using timeouts).

Thanks.

[DomenicD]

Current workaround is to add an empty option tag as the first item in the select: http://stackoverflow.com/questions/19369250/uncaught-typeerror-cannot-set-property-selected-of-undefined

[jonathanadler]

I'll try that.
Thanks!

[michaeltomasik]

I have this same error and adding empty option tag didn't fix it :/
Any ideas ?

[pfiller]

I'm not able to recreate this issue so I'm going to assume it was fixed sometime in the past 2 years. If you are still experiencing it, please re-open the issue and include a demo or fiddle that shows how to make it happen.

[lomse]

I'm having the same issue.

[zm-john]

$.ajax({

    // ...
    success: function() {

        $("#select_elem").empty();

        /* append option or update option there */

        $("#select_elem").trigger("chosen:updated");

    }

    // ...
 });

it works for me.

[ssamkough]

@zm-john where did you put that code?

[zm-john]

@Samkough
I haven't put code, just adjust calling function order.

First call empty function. Then update select tag's options. Finally call trigger function.

[fhls]

As victoria34's reference, try with adding an dummy tag and it fixes this issue.
For example,