jQuery에서 복제() 도중 무엇이 손실 되었습니까?

Question

HTML : 클론()없이

<div id="container"> 
    <select id="selector"> 
     <option value="">--</option> 
     <option value="Service">Service</option> 
     <option value="Sales">Sales</option> 
     <option value="Marketing">Marketing</option> 
     <option value="Finance">Finance</option> 
     <option value="Engineering">Engineering</option> 
     <option value="Management">Management</option> 
    </select> 
</div> 
<input type="button" id="test" /> 

스크립트는 모든 권리 작동 : 클론()와

$('#test').click(function(){ 
    $('#container').find('select').each(function() { 
     var $elem = $(this); 
     var value = $elem.val(); 
     alert(value); 
    }); 
}); 

스크립트가 작동하지 :

$('#test').click(function(){ 
    $('#container').clone().attr('id', 'container2').find('select').each(function() { 
     var $elem = $(this); 
     var value = $elem.val(); 
     alert(value); 
    }); 
}); 

Answer 1

내가 알고하지 않습니다 이것이 문제이지만, <select> 요소를 복제 할 때 선택한 항목이 사용자. 이 문제를 해결하려면 원래 선택한 옵션에 selected DOM 속성을 적용하면됩니다. 예 :

$('#test').click(function(){ 

    var selectMenus = $('#container').find('select'); 

    $('#container').clone().attr('id', 'container2').find('select').each(function(i) { 

     /* See this: */ 
     $('option', this)[selectMenus[i].selectedIndex].selected = true; 

     var $elem = $(this); 
     var value = $elem.val(); 
     alert(value); 

    }); 

}); 

편집 : 브라우저 간 문제인지는 확실치 않지만 FF3.5에 영향을줍니다.