jQuery로 선택 옵션의 레이블을 얻는 방법은 무엇입니까?

<select>
<option value="test">label </option>
</select>

값은에서 검색 할 수 있습니다 $select.val().

어때 label?

IE6에서 작동하는 솔루션이 있습니까?

이 시도:

$('select option:selected').text();

안녕하세요 먼저 선택에 ID를 제공하십시오.

<select id=theid>
<option value="test">label </option>
</select>

그런 다음 선택한 레이블을 다음과 같이 호출 할 수 있습니다.

jQuery('#theid option:selected').text()

참조 label를 위해 옵션 태그에 보조 속성 이 있습니다 .

//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 

HTML

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

드롭 다운에서 특정 옵션의 레이블을 얻으려면 다음을 입력 할 수 있습니다.

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

또는

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

도움이되었습니다

$('select[name=users] option:selected').text()

this키워드를 사용하여 선택기에 액세스 할 때 .

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

$("select#selectbox option:eq(0)").text()

"option : eq (0)"의 0 인덱스는 검색하려는 인덱스 옵션으로 교환 할 수 있습니다.

이것은 도움이됩니다 : http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

이 시도:

$('select option:selected').prop('label');

그러면 두 스타일의 <option>요소에 대해 표시된 텍스트가 표시됩니다 .

• <option label="foo"><option> -> "foo"
• <option>bar<option> -> "bar"

label요소 내부에 속성과 텍스트 가 모두있는 경우label 경우 브라우저와 동일한 동작 인 속성을 합니다.

후손을 위해 이것은 jQuery 3.1.1에서 테스트되었습니다.

<SELECT id="sel" onmouseover="alert(this.options[1].text);"
<option value=1>my love</option>
<option value=2>for u</option>
</SELECT>

이를 위해 작동하는 Plunker를 만들었습니다. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

최신 브라우저에서는이를 위해 JQuery가 필요하지 않습니다. 대신 사용

document.querySelectorAll('option:checked')

또는 대신 DOM 요소를 지정하십시오. document

당신은 찾고 있습니다 $select.html()

http://api.jquery.com/html/