jquery attr ('selected', 'selected') IE에서 작동하지 않는 옵션의 경우

Question

선택 드롭 다운에서 옵션을 변경하면 해당 특정 옵션으로 선택한 값을 전달합니다. 크롬과 FF에서 제대로 작동합니다.하지만 IE에서 작동하지 않습니다.

나는 내가 이런 일을하려고하고 jsfiddle http://jsfiddle.net/harshacharya/JyvUm/

예를 전달하고 $('select option').removeAttr('selected'); $(this).attr("selected", "selected");

전달하여 그것을 : 옵션을 선택하면 을, 그것을 선택하고 다른 옵션 속성이 있습니다 그러지 마. IE에서 위의 기능이 작동하지 않습니다.

도와주세요. 고맙습니다.

Answer 1

DOM 검사기에서 변경 사항을 확인한 것으로 보입니다. IE는 기본적으로 그렇게하지 않을 것입니다. 그리고 선택한 값이 배경처럼 정확하지 않으므로주의해서는 안됩니다.

그러나 IE에서는 propdefaultSelected을 "selected"으로 설정하면됩니다. 그런 다음 DOM에서 시각적 속성 변경이 표시됩니다.

.prop("defaultSelected", "selected"); 

참고 : 다른 요소에서 제거하려면 prop를 null로 설정해야합니다.

$(this).find('option').prop("defaultSelected", null); 

JSFiddle :http://jsfiddle.net/TrueBlueAussie/JyvUm/8/