จะรับ label of select option ด้วย jQuery ได้อย่างไร?

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

$select.val()ค่าที่สามารถเรียกดูได้จาก

สิ่งที่เกี่ยวกับlabel?

มีวิธีแก้ปัญหาที่จะทำงานใน IE6 หรือไม่?

ลองสิ่งนี้:

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

สวัสดีก่อนอื่นให้รหัสแก่ผู้เลือกเป็น

<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()

ดัชนี 0 ใน "ตัวเลือก: eq (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/