วิธีรับ $ (this) ตัวเลือกที่เลือกใน jQuery?

รหัสต่อไปนี้ใช้งานได้:

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

วิธี refactor บรรทัดที่สองเป็น:

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 ฉลาดพอที่จะรู้ว่าคุณต้องการอะไร