jQuery를 사용하여 선택 메뉴 목록에서 "selected"속성을 지우는 데 문제가 있습니다.

Question

jQuery 1.9를 사용하고 있습니다. 선택 메뉴에서 선택한 속성을 모두 지우려면 어떻게합니까? 나는 이것을 시도하고있다.

$(".countryField option").prop("selected", false) 

그러나 작동하지 않는다. 증거로서, 여기에 내가 선택한 항목을 삭제하도록되어 문을 호출 직후, 내가 선택하고 즉시 두를 찾을 수 있습니다 taht를 찾아 볼 수도

> $('.countryField').length 
1 
> $(".countryField option").prop("selected", false) 
jQuery.fn.init[255] 
> $('.countryField').find('option[selected="selected"]') 
[<option value=​"233" selected=​"selected">​United States​</option>​, <option selected=​"selected" value=​"233">​United States​</option>​] 

주 ... 내 콘솔에 출력되는 것입니다. 선택한 옵션을 한 번에 모두 지울 수 있습니까?

Answer 1

두 가지 (위해) 노력하는 대신 .prop()의

1. 을, 그래도 문제가 해결되지 않으면 .removeAttr('selected')

2. 를하려고하면이 문제가 당신이 <option>s이 존재하는 것이다 <select> 및 선택 상자는 항상 사용 가능한 첫 번째 옵션으로 기본 설정됩니다. 그래서 "채우기"<option value="">Select Country</option> 기본값을 잡을 수 있습니다.