Ajax проблема с прокруткой колёсика обьекта Select

[slips]

Добрый вечер, вопрос собственно следуюший ,
На кленте есть два SELECT в первом страны, во втором города.
В первом выбираю страну , запускается Ajax и заполняется второй(добавляя OPTION)
При быстрой прокрутки колёсика в первом селекте, возникает ошибка создания обьекта.
При медленом всё нормально, Ajax выполняется 100%. А вот формирования значений во втором селекте в этом случае начинает глючить.
Как от этого можно избавиться ?

[Greblin]

Код покажите. Сдаётся мне, что не на то событие вешаете, или ещё что-то такое

[slips]

Код html

   <div class="formLine" style='display:none' id='ABCContry'><label for=regContry></label>
         <div class="fromElement" style="text-align:left">
           <select name='SContry' id='SContry' style="width: 200px;" onChange='qRequest(this,&quot;cf97203bb18a7628615d5b2205b51420&quot;);'> <option value="0" selected>Страна :  </option></select>
                 </div>
                 <div class="comments">Выбирите из списка вашу страну.<br /><br /></div>
              </div>
              <div class="formLine" style='display:none' id='ABCSity'><label for=regSity></label>
                 <div class="fromElement" style="text-align:left">
                   <select name='SSity' id='SSity' style="width: 200px;" onChange=''> <option value="0" selected>Город:  </option></select>
                 </div>
                 <div class="comments">Выбирите из списка ваш город.<br /><br /></div>
              </div>

Код JS в qRequest вызывается фукнция

Функция которая обробатывает результат Ajax 
/*______________________*
 *      Города          *
 *______________________*/
function SelSity(idElement,responseText/*Текст результата*/)
{
 var SityABC  = nodeById('ABCSity');  // нашли контейнер
 var selSity = nodeById('SSity');       // нашли select- country
 selSity.length = 1;
 SityABC.style.display='none';
 if (responseText)
 {
  SityABC.style.display='';
   var arr = Arrayexplode(responseText);
   var i=0,o;
    while (i<arr.length)
    {
     o = document.createElement( "OPTION" );
     o.setAttribute( "value", arr[i].substring(arr[i].indexOf(':')+1,arr[i].length) );
     o.appendChild( document.createTextNode( arr[i].substring(0,arr[i].indexOf(':'))));
     selSity.appendChild(o);
     i++;
    }
    SityABC.style.display='';
   }
 flag=true;
}

[slips]

Событие onchange

[slips]

1. Добавлена функция определения типа браузера

  function isIE(){
    var browser=navigator.appName;
    if (browser=="Microsoft Internet Explorer"){
     return true;}
   else{
     return false;}
  }

2. Создаём Option в зависимости от типа браузера, как оказалось
document.createElement( "OPTION" ); гараздо долльше делается в ie чем new Option

for (var i=0; i<arr.length; i++)
 {
   if (isIE()){
        selSity.options[selSity.options.length] = new Option(arr[i].substring(0,arr[i].indexOf(':')),
        arr[i].substring(arr[i].indexOf(':')+1,arr[i].length));
      }
 else{
        var o = document.createElement( "OPTION" );
        o.setAttribute( "value", arr[i].substring(arr[i].indexOf(':')+1,arr[i].length) );
        o.appendChild( document.createTextNode( arr[i].substring(0,arr[i].indexOf(':'))));
        selSity.appendChild(o);
     	// код для всего остального
       }
    }