JQuery 페이지 select 요소를 동적으로 생성할 때 IE 아래의 BUG

1050 단어 jqueryIEfirefox
장면: 등급 연결 목록(A, B)을 만들려면 A가 바뀔 때 B도 바뀐다. 그러면 초기화할 때 B는 빈 밑에 있는 목록이어야 하지만 IE 아래에 이렇게 쓰면 다음과 같다.
 
jQuery(document).ready(function($){
    $("body").append($("<select id='a'><option value='a'>A</option><option value='b'>B</option></select>")
       .change(function(){
          $("#b").empty().append($("<option>"+this.value+"</option>"));
     }));

    $("body").append("<select id='b'></select>");
});

 
IE8에서 A가 바뀌었을 때 B는 상응하는 옵션(option)을 동적으로 얻을 수 없으며FireFox는 문제가 없습니다.테스트를 통해 B 요소를 페이지 ( ) 에 놓고 동적 생성이 아니라면 문제가 없습니다.
 
만약 동적 생성을 원하지 않는다면, 테스트를 통해 생성할 때 b에 빈 옵션을 추가해도 문제가 없습니다. 곧 $("body").append("");$("body")로 변경합니다.append("");
 
JQuery 탓인지 IE 8.0.7600.16385 탓인지 모르겠다.

좋은 웹페이지 즐겨찾기