Jquery를 사용하여 드롭 다운에서 값을 설정하는 방법은 무엇입니까?

Question

안녕하세요 jquery를 사용하여 다음과 같은 방법으로 값을 설정하고 있습니다.

$("#dropDownItems option[value='--Select--']").attr('selected', 'true'); 

$("#dropDownItems option[value='--Select--']").attr('selected', 'selected'); 

그러나 이들 중 어느 것도 FireFox에서 작동하지 않습니다! 나머지 브라우저에서도 잘 작동합니다.

아무도 도와 줄 수 있습니까?

Answer 1

트릭을 수행해야합니다.

$('#dropdownID').val("Value to be selected"); 

Answer 2

$("#dropDownItems").val("--Select--"); 

또는, 당신은 단지 값에 관계없이 첫 번째 옵션을 선택하려는 경우, 당신은이 도우미 함수 정의 할 수 있습니다 : 다음

$.fn.selectFirst = function() { 
    return $(this).find("option:first").attr("selected", "selected").end(); 
} 

를 같이 사용 :

$("#dropDownItems").selectFirst(); 

Answer 3

기본값을 설정하려는 경우 첫 번째 요소는 다음과 같습니다.

$('#dropDown')[0].selectedIndex=0; 

Answer 4

여러 가지 방법이 있습니다. 가장 쉬운 방법은 다음과 같습니다.

$("#dropdownID").val("dropdownValue"); 

이 작업은 정상적으로 작동하지만 변경 이벤트는 발생하지 않습니다.

$("#dropdownID").val("dropdownValue").change(); 

다른 가능한 방법 :이 문제를 해결하려면, 아래와 같이 사용

$("#dropdownID").attr('selected','selected'); 

$("#dropdownID").prop('selected', true); 

Answer 5

이

$('[id*=_dropdown]').val("--Select--");