IE가 내 드롭 다운에 <option>을 추가하지 않는 이유는 무엇입니까?

Question

내가 IE이 sample script을 실행 해요 :

var $select = $('#select'); 
var $button = $('#button'); 

$button.click(function() { 
    var $option = $('<option />'); 
    $option.text('hello'); 
    $option.appendTo($select); 
}); 

var $tabs = $('#tabs'); 
$tabs.tabs(); 

그것은 꽤 똑바로 앞으로이다 : 버튼을 클릭 때, option가 내 드롭 다운에 추가해야합니다. 이것은 잘 작동합니다 - IE의 기본 fct.

내 문제 :
dropDown을 "열어"다시 닫습니다. 이제 탭 "버튼"으로 전환하고 버튼을 누릅니다. 이제 탭 "선택"으로 전환하십시오 - 새로운 option을 사용할 수 있어야합니다.
IE를 제외한 모든 브라우저에서 효과적입니다. (때로는 IE가 여러 탭 스위치를 사용하여 엉망이됩니다)

스크립트를 수정하려면 어떻게해야합니까?

$button.click(function() { 
    var option = new Option('hello'); 
    $select[0].options.add(option); 
}); 

은 아마도 그 당신을 위해 더 안정적으로 작동합니다 : option DOM 요소 ( live example)를 추가하는 대신 상자를 선택하는 옵션을 추가 할 수있는 훨씬 더 간단하고, 더 크로스 브라우저 친화적 인, 방법은있다

Answer 1

. (.이 add 있다고 하지는 pushselect 요소에 options 객체가 정말 배열이 아닌, 참고.)

대신 options.add 당신도 할 수 있습니다 :

이

$button.click(function() { 
    var options = $select[0].options, 
     option = new Option('hello'); 
    options[options.length] = option; 
}); 

... 또한 추가하는 결국 배열과 같은 방식으로 그러나 add은 신뢰할 수있는 크로스 브라우저입니다.