Question

I have a select html element that is populated with jquery inside an ajax call. All seems to work fine, but in IE9 the select box is just showing the first character of the text.

Here is de jsfiddle that reproduces the behavior:

http://jsfiddle.net/PjDfS/

I’m aware that this same question was asked here <select> only shows first char of selected option, but the solution doesn’t work in my case. ( http://jsfiddle.net/PjDfS/2/ )

Any help will be much appreciated.

Answer 1

Finally, the working code:

http://jsfiddle.net/PjDfS/5/

What did I do? In the end I return to the old post answer and change my first approach a little.

To be more clear, leave the original select as ‘display: none’, and in the end remove the attribute.