javascript - HTML selectObject に多数の項目を追加する方法

Question

それぞれ数千 (8192) の項目を持つページに 8 つの selectObject プルダウン オブジェクトを設定する必要があります。私は現在、私が知っている唯一の方法でJavascriptでこれを行っています:

var iCount;
var option1;
var selectObject1 = document.getElementById('ifbchan');
for(iCount = 0; iCount < 8192; iCount++)
    {
    option1=document.createElement("option");
    option1.text = "Out " + iCount;
    option1.value=iCount;
    try
        {
        selectObject1.add(option1, selectObject1.options[null]);
        }
    catch (e)
        {
        selectObject1.add(option1, null);
        }
    }
selectObject1.selectedIndex =  0;

この方法は適切に機能しますが、非常に遅いです。これらの 8K ループのそれぞれが完了するまでに約 10 秒かかります。8 つの異なるループを乗算すると、問題は明らかです。ドロップダウン リストに多数のアイテムを追加するより高速な方法はありますか? アイテムの大きなリストを表示するためのドロップ ダウン コントロールに代わるより高速な方法はありますか? アイデアをありがとう。

〜ティム