[jQuery] Adding many <option> elements to a <select> element
Consider the following:
var i, select = $("select");
for (i = 0; i < 1000; i += 1)
{
select.append("<option>");
}
Performance in Internet Explorer is terrible. So is:
var a = [], i, select = $("select");
for (i = 0; i < 1000; i += 1)
{
a.push("<option>");
}
select.append(a.join());
Besides creating a wrapper element, manually constructing HTML code
and using the innerHTML property on that wrapper-element, what can I
do to increase performance? (Performance in Internet Explorer in
particular).