인터넷 익스플로러에서 옵션을 변경하지 않음을 선택하십시오.

Question

특정 선택 이벤트가있을 경우 선택 상자가 있습니다.

$ ('# select2') .html (''); // 기존 값을 지우려면 $ ('# select2'). append ('Option 3'); $ ('# select2'). append ('옵션 4');

이 코드는 Firefox와 Chrome에서 잘 작동합니다. 그러나 Internet Explorer 8에서는 옵션이 html 페이지에서 변경되지 않습니다. 내가 alert ($ ('select2') .html()); , 올바른 옵션 (옵션 3, 옵션 4)을 알려주지 만, 실제 선택에서는 옵션이 원래 옵션입니다. 누구든지이 문제가 발생 했습니까? 페이지가 새로운 선택 옵션을 제대로 표시하도록하려면 어쨌든 가야합니다.

Answer 1

select의 html을 변경해도 인터넷 익스플로러 8에서 select가 다시 렌더링되지 않는다는 것이 드러났습니다. 대신, 작동 한 select 위의 div의 html을 변경했습니다. 다음과 같이합니다 :

var parent = $('#select2').parent("div"); 
var newHTML = parent.html(); 
parent.html(""); 
parent.html(newHTML);