Làm thế nào để lấy nhãn của tùy chọn chọn với jQuery?

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

Giá trị có thể được truy xuất bằng $select.val().

Còn về cái labelgì?

Có giải pháp nào hoạt động trong IE6 không?

Thử cái này:

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

Xin chào trước tiên hãy cung cấp một id cho lựa chọn là

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

thì bạn có thể gọi nhãn đã chọn như vậy:

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

Để tham khảo, cũng có một labelthuộc tính phụ trên thẻ tùy chọn:

//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>

Để lấy nhãn của một tùy chọn cụ thể trong danh sách thả xuống, bạn có thể nhập điều này -

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

hoặc là

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

Tôi thấy điều này hữu ích

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

Khi truy cập bộ chọn bằng thistừ khóa.

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

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

Chỉ mục 0 trong "option: eq (0)" có thể được trao đổi cho bất kỳ tùy chọn được lập chỉ mục nào bạn muốn truy xuất.

Điều này rất hữu ích: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Thử cái này:

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

Thao tác này sẽ kéo ra văn bản được hiển thị cho cả hai kiểu <option>phần tử:

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

Nếu nó có cả labelthuộc tính và văn bản bên trong phần tử, nó sẽ sử dụng labelthuộc tính, có cùng hoạt động với trình duyệt.

Đối với hậu thế, điều này đã được thử nghiệm trong 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>

Đã tạo Plunker hoạt động cho việc này. https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Trong các trình duyệt hiện đại, bạn không cần JQuery cho việc này. Thay vào đó sử dụng

document.querySelectorAll('option:checked')

Hoặc chỉ định bất kỳ phần tử DOM nào thay vì document

Bạn đang tìm $select.html()

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