programing

jQuery에서 $(이) 선택된 옵션을 얻는 방법은?

topblog 2023. 10. 5. 21:05
반응형

jQuery에서 $(이) 선택된 옵션을 얻는 방법은?

다음 코드가 작동합니다.

$("#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();

선택한 옵션을 얻을 수 있는 드롭다운의 변경 이벤트에 대한 최선의 방법과 최단 방법:

$('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는 당신이 필요로 하는 것을 알만큼 충분히 영리하다고 생각합니다.

언급URL : https://stackoverflow.com/questions/10011802/how-to-get-this-selected-option-in-jquery

반응형