Select Tag With 1000 Options - Performance Hit

I am using a plugin called Chosen which basically adds searching to a select html object. I load the results from an ajax page. However I have a lot of options appended to the sel

Solution 1:

Instead of <select> you could use <input> + <datalist>, that handles 1000+ options pretty well.

jsfiddle

<input type="text" list="your-data-list"/>
<datalist id="your-data-list">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    ...
    <option value="9999">Option 9999</option>
</datalist>