jQuery에서 $ (this) 선택한 옵션을 얻는 방법은 무엇입니까?

다음 코드가 작동합니다.

$("#select-id").change(function(){
  var cur_value = $('#select-id option:selected').text();
  . . .
});

두 번째 줄을 다음과 같이 리팩터링하는 방법 :

var cur_value = $(this).***option-selected***.text();

무엇을 위해 사용 ***option-selected***합니까?

선택한 값 : $(this).val()

선택한 옵션 요소가 필요한 경우 $("option:selected", this)

 $(this).find('option:selected').text();

드롭 다운에서 onchange 이벤트를 선택하여 선택한 옵션을 얻을 수있는 가장 좋고 가장 짧은 방법은 다음과 같습니다.

$('option:selected',this);

값 속성을 얻으려면 :

$('option:selected',this).attr('value');

태그 사이에 표시된 부분을 얻으려면 :

$('option:selected',this).text();

샘플에서 :

$("#select-id").change(function(){
  var cur_value = $('option:selected',this).text();
});

var cur_value = $('option:selected',this).text();

이것은 작동합니다.

$(this).find('option:selected').text();

를 사용 find하여 현재 jQuery 객체가 가리키는 노드의 자손 인 선택된 옵션을 찾을 수 있습니다 .

var cur_value = $(this).find('option:selected').text();

이것은 직계 자식 일 가능성이 높으므로 실제로 .children대신 사용 하는 것이 좋습니다 .

var cur_value = $(this).children('option:selected').text();

var cur_value = $(this).find('option:selected').text();

option직계 자식이 될 가능성이 높기 때문에 select다음을 사용할 수도 있습니다.

var cur_value = $(this).children('option:selected').text();

http://api.jquery.com/find/

최선의 추측:

var cur_value = $('#select-id').children('option:selected').text();

나는이 경우에 아이들이 더 좋아진다. 왜냐하면 당신이 DOM 트리 아래로 한 가지만 가고 있다는 것을 알고 있기 때문이다.

그냥

$(this).val();

나는 jQuery가 당신이 필요한 것을 알만큼 충분히 영리하다고 생각합니다.